0

Я создал автономное веб-приложение, которое отображается в удаленной консоли для отладки хром, как правильно кэширование всех файлов, и это показывает, что оно корректно отключено способен. Видео, указанное в манифесте, отображается как загруженное в кеш, но когда я включаю режим самолета и пытаюсь воспроизвести, он показывает пустое видео.Chrome на Android кэширует мое видео, указанное в манифесте, но не может играть в него в автономном режиме

Как получить видео для воспроизведения в офлайн-режиме?

Cache Manifest

CACHE MANIFEST 

CACHE: 
main.js 
video.mp4 

HTML ссылка явить

<html manifest="cache.manifest"> 

Есть ли способ сделать это?

ответ

0

По какой-то причине единственным мобильным браузером, который будет воспроизводить кешированные видео, является Firefox на Android. Тем не менее,, есть решение (для Safari iOS8 +, Chrome, Firefox - Я не тестировал IE) - они будут воспроизводить видео-blob в объектеURL даже в автономном режиме!

Что вы делаете это:

  1. Создать IndexedDB
  2. Посмотрите на хранимого видео (ы) в БД request = transaction.objectStore("myobjectstorename").get(savedId)
  3. Проверьте возвращение, если есть, перейти к шагу 5, в противном случае шаг 4 if (!event.target.result) downloadVideo()
  4. Скачать видео, запустив XMLHttpRequestGET запрос и установить тип ответа videoRequest.responseType = "blob";
  5. Когда он загружен, извлечь его из базы данных (шаг 2 выше) и поместить его в документ:

КОД Наносить страницу как объект URL:

var URL = window.URL || window.webkitURL; 

//Make into a data URL 
var videoURL = URL.createObjectURL(videoFile) ; 

//Set video src to ObjectURL 
document.getElementById(id).setAttribute("src", videoURL); 

Модифицированный код отсюда:

http://www.misfitgeek.com/html5-off-line-storing-and-retrieving-videos-with-indexeddb/

+0

Blob воспроизведение видео не работает в Chrome на Android https://code.google.com/p/chromium/issues/detail?id=253465 – artema

+0

@artema это сработало для меня, если я сначала храню его в indexeddb. –

 Смежные вопросы

  • Нет связанных вопросов^_^