Android的浏览器不通过文件系统API播放或加载视频

从服务器取一滴的XMLHTTPRequest通过一个视频。
保存本地沙箱文件系统上的每个FileSystem API。
用“FileEntry.toURL” - 方法创建视频标签。
尝试在Android的Chrome中播放 - >失败
尝试在桌面Chrome中播放 - >运行

在我看来这是一个非常重要的特征。因为如果视频加载正在运行，我们可以在智能手机和平板电脑上实现离线媒体应用程序，而无需本机代码依赖。

下载似乎工作。但浏览器无法播放来自文件系统的视频。我尝试了与图像相同的用例。这是行得通的。看到比如在http://sobek-agency.com/html5-file-api/

看到http://sobek-agency.com/html5-file-api/

的源代码：

 
<!DOCTYPE html >
<html>
 <head>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"> </script>
  <script type="text/javascript">
   var _fs;

   var imagefilename = "st-logo.png";
   var videofilename = "st-is-coming.webm";

   var diskSpaceRequired = 20 * 1024 * 1024;

   window.requestFileSystem = window.requestFileSystem || window.webkitRequestFileSystem;

   function errorHandler(e) {
    var msg = '';

    switch (e.code) {
    case FileError.QUOTA_EXCEEDED_ERR:
     msg = 'QUOTA_EXCEEDED_ERR';
     break;
    case FileError.NOT_FOUND_ERR:
     msg = 'NOT_FOUND_ERR';
     break;
    case FileError.SECURITY_ERR:
     msg = 'SECURITY_ERR';
     break;
    case FileError.INVALID_MODIFICATION_ERR:
     msg = 'INVALID_MODIFICATION_ERR';
     break;
    case FileError.INVALID_STATE_ERR:
     msg = 'INVALID_STATE_ERR';
     break;
    default:
     msg = 'Unknown Error';
     break;
    };
    console.log(msg);
   }

   function downloadImageAndVideo(fileEntry) {

    console.log('fetch image resource');
    _fs.root.getFile(imagefilename, { create: true }, function (fileEntry) {
     var xhr = new XMLHttpRequest();
     xhr.responseType = "blob";
     xhr.open("GET", imagefilename, true);
     xhr.onload = function(e) {
      if (this.status == 200) {
       var movieBlob = this.response;
       fileEntry.createWriter(function (fileWriter) {
        fileWriter.write(movieBlob);
        fileWriter.onwriteend = function(e) {
         var src = fileEntry.toURL();
         $('body').append('<h3>Image loading through Filesystem API is working (on Android Chrome!):</h3><img height="150px" src="' + src + '" /><br/><span id="imgInfo"></span><br/>');
        };
       }, errorHandler);
      }
     };
     xhr.send();
    });

    console.log('fetch video resource');
    _fs.root.getFile(videofilename, { create: true }, function (fileEntry) {
     var xhr = new XMLHttpRequest();
     xhr.responseType = "blob";
     xhr.open("GET", videofilename, true);
     xhr.onload = function(e) {
      if (this.status == 200) {
       var movieBlob = this.response;
       fileEntry.createWriter(function (fileWriter) {
        fileWriter.write(movieBlob);
        fileWriter.onwriteend = function(e) {
         var src = fileEntry.toURL();
         $('body').append('<h3>Video loading through Filesystem is not working (on Android Chrome!)</h3><video controls><source src="' + src + '" type="video/webm"/></video><br/><span id="videoInfo"></span><br/>');
        };
       }, errorHandler);
      }
     };
     xhr.send();
    });

   } 

   //request quota and persistent storage
   $(document).ready(function() {
    window.webkitStorageInfo.requestQuota(
     PERSISTENT,
     diskSpaceRequired,
     function (grantedBytes) { 
      window.requestFileSystem(PERSISTENT, grantedBytes, function(fs) {
       _fs = fs;
       downloadImageAndVideo();
      }, errorHandler);

     },
     errorHandler
    );
   });

  </script>
  <title>foo</title>
 </head>
 <body>
 </body>
</html>

来源

2013-03-06 Rafael Sobek

对于该问题，在Google代码处打开了一个错误：[link]（https://code.google.com/p/chromium/issues/detail?id=180541） – 2013-03-13 07:32:56

我已确认该问题是关于Android的最新的Chrome重复性。
但显然它已被修复并正在研究最新版本。（没有更新，但这似乎是相同的bug http://crbug.com/173588）

请等待固定版本在几个月内公开。

来源

2013-03-27 09:17:17 agektmr

Android的浏览器不通过文件系统API播放或加载视频

回答

相关问题