WEB浏览器视频流播放方案

Posted lcyw

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了WEB浏览器视频流播放方案相关的知识,希望对你有一定的参考价值。

浏览器播放视频的几种方法

一、H5 video标签

在浏览器播放视频,可以使用html5原生的video标签。但其播放的格式使用一定限制的,目前video只支持三种格式WebM、Ogg、MP4。

WebM:WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器
Ogg :Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解码器
MP4: MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器
上面三种可以直接使用video播放:

<video id="video-box" 
src="//cloud.video.taobao.com/play/u/755731755/p/1/e/6/t/1/283631891407.mp4" controls 
width="400px" heigt="400px">

以上是关于WEB浏览器视频流播放方案的主要内容,如果未能解决你的问题,请参考以下文章

浏览器播放rtsp视频流:4jsmpeg+go实现局域网下的rtsp视频流web端播放

海康大华视频监控在浏览器端无插件低延时播放解决方案

LiveGBSLiveNVR等国产化平台中视频监控平台的适配以及实现监控摄像头Web浏览器无插件播放的方案

技术开发:H.265编码视频在web网页实现无插件播放应该通过软解码还是硬解码?

Web前端视频播放及视频的云存储

写了个项目 Web-Rtmp: 使用 WebSocket 在网页上播放 RTMP 直播流