js如何实现获取视频加载

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js如何实现获取视频加载相关的知识,希望对你有一定的参考价值。

参考技术A 利用ajax方式。
把script文件代码从背景加载到前台。
而后对加载到的内容经过eval()实施代码。

按块加载视频/音频 html

【中文标题】按块加载视频/音频 html【英文标题】:Load Video/Audio html by chunks 【发布时间】:2017-12-19 15:20:04 【问题描述】:

我有一个 Node.js 服务器,用于通过流提供音频和视频文件。 此服务器接受范围(字节服务)。

我的目标是从客户端(浏览器)请求音频或视频,并且只获取文件的一小部分(例如 320kb),在完成复制该块之前,请求文件的下一个范围并重复该过程直到文件被完全消耗掉。

如何做到这一点?我可以使用音频/视频 API html5 来实现这一点吗?如何定义我想要消耗的块的大小?

【问题讨论】:

【参考方案1】:

你不应该做任何事情——所有主要的现代浏览器都会自动支持范围请求,例如,如果你使用标签并以“块”请求文件,并且你的服务器支持你所说的范围请求。

您可以使用浏览器中的开发人员工具并观察网络选项卡来查看它的运行情况。

但是,我不知道有一种方法可以自己指定块大小 - 如果这对您来说真的很重要,您可以使用媒体源扩展机制,它基本上允许您处理下载以及您想要的任何操作在将流式文件传递给浏览器视频播放器之前,对流式文件执行此操作。

需要注意的一件事 - 对于 mp4 文件,标题需要位于文件的开头,以便您可以流式传输它。默认情况下它在最后,所以你需要移动它——有很多工具可以让你这样做。例如,请参见此处:

http://multimedia.cx/eggs/improving-qt-faststart/

【讨论】:

以上是关于js如何实现获取视频加载的主要内容,如果未能解决你的问题,请参考以下文章

按块加载视频/音频 html

AngularJS项目中如何实现按需加载js文件?

js一加载网页就自动播放

如何从能够搜索的谷歌云存储对象中获取视频流

如何实现图片懒加载

用js获取视频播放时长