Отображение видео во внутренней памяти (Vue)

Question

Я работаю над проектом Vue, который включает показ видео, хранящегося в локальном каталоге

<video width="320" controls src="internal_path.mp4" type="video/mp4"
height="240" autoplay muted loop>

Это мой фрагмент кода для отображения видео, но он не работает. Я был озадачен, почему он работает с видео, которые хранятся в Интернете, и как исправить это, чтобы показывать также локальные видео.

Полученное сообщение об ошибке: vue .runtime.esm. js? 2b0e: 1888 Ошибка: не удается найти модуль

Answer 1

Lok, большинство каталогов локального хранилища в браузерах имеют ограничение до ~ 10 МБ или меньше и сильно различаются в разных браузерах.

См .: Каков максимальный размер значений localStorage?

Даже если бы это было небольшое видео, скажем, около 3 МБ, вам нужно было бы его закодировать, затем поместить в локальное хранилище, а затем декодировать, когда вы хотите извлечь его из локального хранилища.

MP4-файл не закодировано:

^@^@^@^Xftypmp42^@^@^@^@isommp42^@^A<86><98>moov^@^@^@lmvhd^@^@^@^@ÙÜR^YÙÜR^Y^@^@0^@^@7°O^@^A^@^@^A^@^@^@^@^@^@^@^@^@^@^@^@^A^@^@^@^@^@^@^@^@^@^@^@^@^@^@^@^A^@^@^@^@^@^@^@^@^@^@^@^>
0stco^@^@^@^@^@^@^B<88>^@^A<86>¸^@^CÝÞ^@^E^GA^@^E<8c>n^@^F%<96>^@^Fæ@^@^G<9c>^H^@^Hn¢^@ F2^@^L)ê^@^NÔ3^@^PI/^@^R^B<9a>^@^RLÖ^@^Rs^_^@^SRk^@^Sö<8e>^@^T<90>^H^@^U^V§^@^U´b^@^Y^F]^@^[>
E=^A^K^\^U^A^

Этот двоичный файл может вызвать проблемы.

Существуют способы кодирования видео в base64, которые можно кодировать и декодировать для упрощения работы с необработанными данными видео файл.

См .: Как декодировать видео из base64?

Также: https://developer.mozilla.org/en-US/docs/Web/API/WindowBase64/Base64_encoding_and_decoding