Vue PWA を使用して Vue.js 3 にビデオをオフラインで保存します

Question

Vue3とTypescriptを使用しています。 PWA でビデオを再生しようとしています。オンラインでは正常に動作しますが、オフラインで試してみるとビデオが読み込まれません。ビデオをアセット フォルダーに保存し、完成したバージョンではビデオはメディア フォルダーに保存されます。ご協力いただきありがとうございます。 <videoautoplayloopclass="video"><source:src='require("@/assets/videos/test.

P粉426780515 · Answer

私は自分で解決策を見つけました。

localstorage または IndexedDB (ビデオ用) を使用して簡単に実行できます。モバイル Safari には 50 MB のサイズ制限があるため、これは iOS 上の小さなビデオでのみ機能します (https://developers.google.com/web/ilt/pwa/live-data-in-the-service-worker# how_much_can_you_store) )

indexedDB を使用しない別のソリューションはここにあります: https://stackoverflow.com/a/56337080/7439224

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル