无法使用 Chrome 播放 Android 的 blob-url 视频

Question

我在尝试为 Android 在 Chrome 中录制和播放视频时遇到了一个异常问题。（相同的代码在桌面版 Chrome 上运行良好）。

首先，一些信息：

Android 4.4.2
Chrome 对于 Android 40.0.2214.89
适用于 Chrome 桌面版 40.0.2214.94 m
将 blob 存储到本地文件后，mediaplayer-app 可以正确再现它。
必填RecordRTC.js

我的目标是从平板电脑的相机录制视频，然后播放录制的视频。这是一个示例代码：

<!DOCTYPE html>
<html>
    <head>
        <title>Camera Test</title>
    <script type="text/javascript" src="//cdn.WebRTC-Experiment.com/RecordRTC.js"></script>
    </head>
    <body>

<script>


var cameraStream;
var cameraEl;
var cameraRecorder;
var cameraBlobURL;

window.URL = window.URL || window.webkitURL; 
navigator.getUserMedia = (  navigator.getUserMedia ||
                            navigator.webkitGetUserMedia ||
                            navigator.mozGetUserMedia ||
                            navigator.msGetUserMedia);



function askForCamera(){
    navigator.getUserMedia(
        { 
            video : true 
        },
        function(stream) {
            cameraStream = stream;
            cameraEl = document.getElementById("vidCamera");
            cameraEl.src = window.URL.createObjectURL(stream);  
        },
        function(){
            alert('fail camera');
        }
    );
}


function playCamera(){
    cameraEl.play();
}


function startRec(){
    cameraRecorder = RecordRTC(
                    cameraStream, 
                    {
                        type: 'video',
                        disableLogs : true
                    }
    );              
    cameraRecorder.startRecording();            
}

function stopRec(){
    cameraRecorder.stopRecording(function(blobURL){
        cameraBlobURL = blobURL;
        console.log(cameraBlobURL);
        alert(cameraRecorder.getBlob().type + '     ' +cameraRecorder.getBlob().size);

    });
}

function setBlob(){
    cameraEl.src = cameraBlobURL;   
}


</script>


<p>Buttons:</p>
<button type="button" onclick="askForCamera()">Ask for camera</button>
<button type="button" onclick="playCamera()">Play camera</button>
<button type="button" onclick="startRec()">Start Rec</button>
<button type="button" onclick="stopRec()">Stop Rec</button>

<button type="button" onclick="setBlob()">Set blob to camera</button>
<button type="button" onclick="playCamera()">Play camera</button>

<br/>
<p>Camera:</p>
<video id="vidCamera" width="200" height="200">
</video>



    </body>
</html>

我应该如何进行以确保它在 Chrome 上适用于 Android？希望可以有人帮帮我。感谢大家！

Answer 1

我也运行在 Chrome 41 上遇到过这个问题，我认为这是一个错误。可能是这个问题：

https://code.google.com/p/chromium/issues/detail?id=253465

无法使用 Chrome 播放 Android 的 blob-url 视频

Can't play a blob-url video using Chrome for Android

javascript

video

android

google-chrome