Javascript 如何创建视频文件的blob

我想创建一个本地视频文件的Blobfile:///home/user/NodeJS/Projects/project1/routes/../videosTrans/Node.js 初学者教程-使用Express2.js.mp4介绍Node.js

我无法理解Blob的确切格式。我希望创建它以将其作为函数createObjectURL（）的输入。 以下操作不起作用：

 var URL = this.window.URL || this.window.webkitURL;
       var file = new Blob(["file:///home/sanika/NodeJS/Projects/project1/routes/../videosTrans/Node.js tutorial for beginners - an introduction to Node.js with Express2.js.mp4"], "type" : "video\/mp4");
       var value = URL.createObjectURL(file);

---

请使用blob的第二个参数作为对象。 因此，您的代码应该是：

var URL = this.window.URL || this.window.webkitURL;
var file = new Blob(
    ["file:///home/sanika/NodeJS/Projects/project1/routes/../videosTrans/Node.js tutorial for beginners - an introduction to Node.js with Express2.js.mp4"],
    {"type" : "video\/mp4"});
var value = URL.createObjectURL(file);

---

你可以通过下面的代码得到它。也可用于测试

HTML代码

<video></video>
<br/>
    <input type="file" name="file" id="fileItem" onchange="onChange()" >
    <input type="submit" value="Play">
</form>

<script type="text/javascript">
var URL = window.URL || window.webkitURL;
var video = document.getElementsByTagName('video')[0];
function onChange() {
    var fileItem = document.getElementById('fileItem');
    var files = fileItem.files;
    var file = files[0];
    var urlBlob = URL.createObjectURL(file);
    video.src = url;
    video.load();
    video.onloadeddata = function() {
        video.play();
    }
}
</script>

JS代码

<video></video>
<br/>
    <input type="file" name="file" id="fileItem" onchange="onChange()" >
    <input type="submit" value="Play">
</form>

<script type="text/javascript">
var URL = window.URL || window.webkitURL;
var video = document.getElementsByTagName('video')[0];
function onChange() {
    var fileItem = document.getElementById('fileItem');
    var files = fileItem.files;
    var file = files[0];
    var urlBlob = URL.createObjectURL(file);
    video.src = url;
    video.load();
    video.onloadeddata = function() {
        video.play();
    }
}
</script>

var URL=window.URL | | window.webkitURL；
var video=document.getElementsByTagName（'video'）[0]；
函数onChange（）{
var fileItem=document.getElementById（'fileItem'）；
var files=fileItem.files；
var file=files[0]；
var urlBlob=URL.createObjectURL（文件）；
video.src=url；
video.load（）；
video.onloadeddata=函数（）{
video.play（）；
}
}

在此处测试它

<video></video>
<br/>
    <input type="file" name="file" id="fileItem" onchange="onChange()" >
    <input type="submit" value="Play">
</form>

<script type="text/javascript">
var URL = window.URL || window.webkitURL;
var video = document.getElementsByTagName('video')[0];
function onChange() {
    var fileItem = document.getElementById('fileItem');
    var files = fileItem.files;
    var file = files[0];
    var urlBlob = URL.createObjectURL(file);
    video.src = url;
    video.load();
    video.onloadeddata = function() {
        video.play();
    }
}
</script>

---

您好，您找到办法了吗？我想做这件事same@h4mm3R检查我下面的答案。是否可以将这个blob转换为webm？这不起作用，请提供JSFIDLE？HTML5最近有什么变化吗？Thanks@Abhishekkumar您正在使用哪个浏览器。。我刚查了一下chrome。。它正在工作。相同的浏览器。铬。我也问了这个问题：我明白我在尝试什么。我试着播放一个没有声音的mp4。但我现在不明白。为什么没有声音的视频不起作用。