如何创建视频文件的 blob答案

【问题标题】：How to create blob of a video file如何创建视频文件的 blob
【发布时间】：2014-12-19 10:50:32
【问题描述】：

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

我无法理解 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);

【问题讨论】：

您好，您找到方法了吗？我也想这样做
@h4mm3R 在下面查看我的答案。

标签： javascript node.js blob

【解决方案1】：

请使用 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);

【讨论】：

是否可以将此 blob 转换为 webm ？
这不起作用，请您提供 jsfiddle 吗？ HTML5 最近有什么变化吗？谢谢

【解决方案2】：

您可以通过以下代码获得。 JSFiddle demo link 也用于测试

HTML 代码

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

JS 代码

<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>

在这里测试

https://jsfiddle.net/9ad3nm2o/2/

【讨论】：

@Abhishekkumar 您使用的是哪个浏览器.. 我刚刚检查了 chrome.. 它的工作原理。
同一个浏览器。铬合金。 .我也问过这个问题：stackoverflow.com/questions/63194504/…
我明白我在尝试不同的东西。我试图播放没有声音的 mp4。但我现在不明白。为什么没有声音的视频无法播放。