流媒体技术世界——分享技术,增值服务
Flussonic Media Server 提供的一个MSE播放器
Flussonic Media Server 提供了一个MSE播放器,当你将Flussonic Media Server安装完毕后,然后启动Flussonic服务,就可以从你的Flussonic服务器上下载这个播放器的JS库。

这里是下载地址的格式:http://flussonic-ip:8080/flu/assets/FlussonicMsePlayer.js

其中,flussonic-ip代表是的Flussonic Media Server的服务器IP地址。8080是默认端口,当然,你可以在配置文件中修改这个端口。

你可以根据自己的项目需求,将这个播放器JS库部署到任何Web服务器上。

什么是MSE? 它是Media Source Extensions的缩写,意思是媒体源扩展。不了解它的,请自己在网上搜索,网上有很多介绍。

另外,您也可以在Can I use网站上查看支持MSE的浏览器。https://caniuse.com/#search=MSE


下面,我们来介绍如何使用这个播放器:



首先你在要你的页面中加载这个播放器的JS库(通常请加载到header部分),如下所示:
<head>	
...
<script type="text/javascript" src="/flu/assets/FlussonicMsePlayer.js"></script>
...
</head>
	

然后在用MSE播放器提供的API创建一个播放器对象,然后再挂接到一个<video>的DOM上,如下所示:
...
<body>
  <video id="player"/>
...
<script type="text/javascript">
  window.onload = function() {
    var element = document.getElementById('player');
    window.player = new FlussonicMsePlayer(element, streamUrl);
    window.player.play();
  }
</script>
</body>
...	
	

关于创建播放器对象的语句:new FlussonicMsePlayer(element, streamUrl); 在这里做如下说明:

element : 是一个用video标签创建的html Dom元素。

streamUrl : 是一个媒体流的url。注意,它的格式是私有协议,采用的是Websocket协议,如下:
ws://flussonic-ip/stream_name/mse_ld
	
注意: mse_ld中的ld指的是low delay,也就是低延时的意思,这个mse_ld是固定的格式。


FlussonicMsePlayer 对象的主要方法(methods)介绍如下:


play() : 启动播放视频

stop() : 停止播放视频

setTracks([videoTrackId, audioTrackId]) : 设置视频轨道ID和音频轨道ID

getVideoTracks() : 获得可用的视频轨道,这个方案应该在onMediaInfo的事件中调用

getAudioTracks() : 获得可用的音频轨道,这个方案应该在onMediaInfo的事件中调用
匿名用户
评论

我们的地址


北京市朝阳区管庄西里建基商务楼423室


邮编:100024

关于我们


北京联方信科信息技术有限责任公司


官网:www.ttstream.com

联系我们


王经理:phone


柳经理:phone

京ICP备14033868号-2