如何播放/提供/流式传输视频到本地HTML网站? VLC / FFMPEG?

时间:2016-01-15 09:49:41

标签: javascript html5 video-streaming html5-video

我希望能够在我的网站上播放视频。根据我的理解,HTML5中只有4种格式支持浏览器。我似乎找不到任何关于如何播放更多格式的直接教程。我怎么玩,比方说一个mkv文件?

我相信从目前为止我所读到的内容,有一种方法可以设置vlc或ffmpeg来提供服务并同时将文件转换为可用的格式。这是正确的吗?怎么办呢?

我目前的解决方案是在视频目录中运行节点http-server并通过以下方式播放:

<video autoplay controls class="player">
  <source src="http://127.0.0.1:8080/movie.mkv" type="video/webm" /> 
</video>  

这让我拍照但没有声音。音量控制已禁用。

1 个答案:

答案 0 :(得分:1)

html5有<video>标记,您正确使用它。此标记及其属性是标准化的,因此理论上每个浏览器都应遵循此规范。 实际上并非每个浏览器都遵循规范并支持html5视频功能的各个方面。想想其他操作系统,或者必须能够流式传输视频的handeld设备。

在这里您可以找到兼容性表格,您可以浏览每个浏览器支持的文件类型:

http://caniuse.com/#search=video

正如我所见,mkv未包含在此规范中,因此可播放此视频的浏览器已经在执行规范不需要的操作。

最后但并非最不重要的一点是,我建议您不要使用插件,因为它们不兼容跨操作系统,也不兼容跨浏览器(包括移动设备)。