谷歌浏览器hls播放 谷歌浏览器视频播放器

大家好,今天来为大家分享谷歌浏览器hls播放的一些知识点,和谷歌浏览器视频播放器的问题解析,大家要是都明白,那么可以忽略,如果不太清楚的话可以看看本篇文章,相信很大概率可以解决您的问题,接下来我们就一起来看看吧!

谷歌浏览器hls播放 谷歌浏览器视频播放器

本文目录

  1. 流媒体服务器的VJMS
  2. rtsp流浏览器播放方案
  3. m3u8直播在哪看

一、流媒体服务器的VJMS

1.三屏播放支持市面上常见浏览器收看,包括IE、火狐、遨游、谷歌等浏览器。支持智能终端收看。VJLive支持HLS协议,运用HTML5语言实现了IOS系统和Android系统手机和机顶盒平台在线直播收看。

2.直播时移直播提供时移功能,支持纯flash方式的实时回放,自动生成节目列表,可以在任意时间收看任意节目,打破传统的直播收看模式,观众不再因为不能回放而错过直播节目。

3.高流畅度集成了HTTP、TCP、UDP(SUDP、RUDP)和网关穿透模组(UDP穿透和RPNP穿透)及全球IP表,拥有极高数据收发速度和单机连接数,极大程度保证各种清晰度下的视频播放质量。4.广播级高清实况直播时支持多种流协议和编码,可使用高清、标清码流,达到广播级效果,其中高清视频格式包括wmv/asf/wma/mp3/rm/rmvb/flv等。5.复杂网络环境自适应采用了覆盖全球IP表、运营商地域IP段表等动态节点调整策略,支持各级网关穿透和内外网网关映射。同时采用了UDP、TCP传输自适应机制,当UDP传输不可用时自动切换到TCP传输,保证连通性。6.客户机及CDN自动化存储收看者:缓存设置将自动存储收看过的视音频片段,供P2P分享使用,以减轻运营商带宽压力。运营商:通过中心视频资源库,根据点播服务器收看者点击率,自动下载热门视频文件进行P2P分发。7.高速拖拉

使用独创的帧级预缓存读取技术,使得收看者在拖拉视频进度时,可以无缝跳转至拖拉处,立刻欣赏跨段影像。8.帧级跳转定位采用独创的VJVOD优化的编码协议,可以精确跳转到以帧为单位的时间点,高度定位到比秒还精确的画面。9.富资源分发使用完整视频、私有或第三方格式的视频缓存片段或加密内容等作为点播媒资。也可以发布任意格式的非媒体文件,作为P2P文件发布系统使用,例如SWF小游戏等等。10.收看进度记忆将提供可以设置并二次开发的中断点记忆功能,方便客户可以继续收看节目。11.高速启动通过HTTP协议、优化的编码模块、集群链接策略,达到即点即播的视频启动速度,无需收看者进行长时间等待便可开始收看视频。

二、rtsp流浏览器播放方案

rtsp流在主流浏览器并不支持直接播放。比如大华的视频流:rtsp://admin:123456@

192.168.10.129/cam/realmonitor?channel=1&subtype=0,用vlc可以直接播放。但在浏览器会报ERR_UNKNOWN_URL_SCHEME。那如何在浏览器中播放呢。

1、安装插件(chrome最新版基本都不支持)

类如:kurento,vlc插件(谷歌浏览器版本41以下),vgx插件(不支持高版本,chrome72.0版本可用)等。

2、安装软件(中间件,基本都付费)

类如:Appemit(调用vlc插件播放rtsp),可以免安装的,目前只能windows,免费版会有提示。

猿大师中间件(底层调用VLC的ActiveX控件,实现在主流浏览器网页中内嵌播放多路RTSP的实时视频流),中间件收费的。

PluginOK(牛插)中间件。底层调用ActiveX控件VlcOcx.dll。(商业用途需付费使用)

推流--------------服务器转发--------------拉流

a,vlc软件串流到http协议,网页显示几个视频需启动几个vlc,只适合应急场景。

b,html5+ websocket_rtsp_proxy实现视频流直播,基于MSE(Media Source Extensions,W3C),扩展H5的功能。

步骤:服务器安装streamedian服务器,客户端通过video标签播放。

基于nginx实现rtmp转化,用flash实现播放。由于flash目前大多浏览器默认禁用,不推荐此方式。

步骤:安装ffmpeg工具,安装nginx。

另外nginx-rtmp-module也支持HLS协议,可以搭建基于hls的直播服务器。

d.rtsp转hls播放,通过ffmpeg转码

步骤:安装ffmpeg工具,ffmpeg转码。

ffmpeg-i"rtsp://admin:123456@192.168.10.129/cam/realmonitor?channel=1&subtype=0"-c copy-f hls-hls_time 2.0-hls_list_size 0-hls_wrap 15"D:/hls/test.m3u8"

缺点是直播流延时很大,对实时要求比较高的不满足要求。

案例:基于EasyDarwin拾建转码服务器。参考地址:

e.websocket代理推送,FFMPEG转码

(1)Gin+WebSocket+FFMPEG实现rtsp转码,参考:

通过FFMPEG把rstp转成http,ginrtsp作为转发服务器,但需要自己写相应接口,需要了解go语言。

(2)node+ ffmpeg+ websocket+ flv.js,参考:

步骤:在node服务中建立websocket;通过fluent-ffmpeg转码,将RTSP流转为flv格式;通过flv.js连接websocket,并对获取的flv格式视频数据进行渲染播放。

import WebSocket from'ws'import webSocketStream from'websocket-stream/stream'import ffmpeg from'fluent-ffmpeg'//建立WebSocket服务const wss= new WebSocket.Server({ port: 8888, perMessageDeflate: false})//监听连接wss.on('connection', handleConnection)//连接时触发事件function handleConnection(ws, req){ //获取前端请求的流地址(前端websocket连接时后面带上流地址)  const url= req.url.slice(1) //传入连接的ws客户端实例化一个流  const stream= webSocketStream(ws,{ binary: true}) //通过ffmpeg命令对实时流进行格式转换输出flv格式  const ffmpegCommand= ffmpeg(url)  .addInputOption('-analyzeduration','100000','-max_delay','1000000')  .on('start', function(){ console.log('Stream started.')})  .on('codecData', function(){ console.log('Stream codecData.')})  .on('error', function(err){    console.log('An error occured:', err.message)    stream.end()  })  .on('end', function(){    console.log('Stream end!')    stream.end()  })  .outputFormat('flv').videoCodec('copy').noAudio()  stream.on('close', function(){   ffmpegCommand.kill('SIGKILL') })  try{  //执行命令传输到实例流中返回给客户端   ffmpegCommand.pipe(stream) } catch(error){   console.log(error) }}

优点全部基于js。前端即可搞定。

参考:

三、m3u8直播在哪看

在电脑上安装PotPlayer这款软件,下载并解压直播源文件。启动PotPlayer,点击界面右下角的菜单按钮,切换到播放列表。再依次点击底部的“添加-添加文件”,选择载入刚刚解压出来的“直播源.m3u”。然后,你就可以自由切换频道,观看电视直播了。

在手机上安装IPTV这款APP,下载并解压直播源文件。启动IPTV软件,在播放列表界面,点击右上角的加号键,再点“选择文件”。选择载入刚刚解压出来的“直播源.m3u”,该文件记得要提前转移到手机上。等加载完成后,你就可以在全部频道里,观看电视直播了。

打开AppStore,下载安装zFuse这款APP,在电脑上下载并解压直播源文件。确保手机和电脑,处于同一Wi-Fi网络下,启动zFuse。点击界面右上角的菜单按钮,再依次点击“更多-WiFi上传文件”。它就会显示192.168开头的Web地址,在电脑浏览器上打开这个链接。

点击电脑网页上的“上传文件”,选择刚刚解压出来的“直播源.m3u”。回到sPlayer首页,依次进入“已下载-直播源”,即可观看电视直播。

关于谷歌浏览器hls播放到此分享完毕,希望能帮助到您。

声明:信息资讯网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流,版权归原作者东方体育日报所有。若您的权利被侵害,请联系 删除。

本文链接:http://www.gdxhedu.com/news/144365.html