除了CKplayer之外的另一种m3u8播放器直播和点播测试

黎叔白马飞马 Uncle-Li 2017年9月9日16:22:2981,408 views2

之前黎叔有介绍过ckplayer的m3u8播放问题。ckplayer点播m3u8没问题,但是直接用直播PC端就会卡30秒缓存。移动端是流畅,因为移动端m3u8是直接采用html5支持的方式。pc端采用的是老旧的flash播放器模式。这个问题很多网友也找过我。我研究了半天在网上找到了另一种基于flash的m3u8播放器,进行了测试,有时候流畅有时候卡在30秒。我先把代码贴出来大家参考一下。如果。其中的JS大家直接拷贝我的JS上传到你的服务器。

除了CKplayer之外的另一种m3u8播放器直播和点播测试

m3u8播放器

核心代码如下:

<script src="您的路径/swfobject.js"></script>
<div id="moviePlayerWapper" style="background:#000;width:100%;height:380px;">
</div>
<br/>
<div class="input-group input-group-lg">
<input type="text" id="m3u8" class="form-control" placeholder="Username"
value="m3u8直播源路径.m3u8"/>
<span class="input-group-addon">
<a href="javascript:play();">播放</a>
</span>
</div>
<br/>代发

<script>
var play = function() {
var m3u8 = document.getElementById('m3u8').value;
var flashvars = {
// M3U8 url, or any other url which compatible with SMP player (flv, mp4, f4m)
// escaped it for urls with ampersands
src: escape(m3u8),
// url to OSMF HLS Plugin
plugin_m3u8: "https://zli.me/demo/m3u8/HLSProviderOSMF.swf",
};
var params = {
// self-explained parameters
allowFullScreen: true,
allowScriptAccess: "always",
bgcolor: "#000000"
};
var attrs = {
name: "player"
};

swfobject.embedSWF(
// url to SMP player
"您的路径/StrobeMediaPlayback.swf",
// div id where player will be place
"moviePlayerWapper",
// width, height
"100%", "485",
// minimum flash player version required
"10.2",
// other parameters
null, flashvars, params, attrs
);
var img = document.createElement("IMG");
window.img = img;
img.src = '/sss.gif?src=' + escape(m3u8);
}
</script>

直播效果测试(建议找一个可用的m3u8地址来测试):

weinxin
我的微信
微信扫一扫
黎叔白马飞马 Uncle-Li
  • 本文由 发表于 2017年9月9日16:22:29
  • 转载请务必保留本文链接:https://zli.me/htmls/12240.html
黎叔文明评论宣传
匿名

文明上网,理性发言!

不愿意透露姓名的网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:8   其中:访客  6   博主  2
    • devoted
      devoted 3

      测试视频无法播放!!!! :smile:

      • chougenyan
        chougenyan 1

        这个是什么播放器?

        • 富士达
          富士达 1

          dasdass大苏打

          • 富士达
            富士达 1

            飞洒发生

            • 从良未遂
              从良未遂 0

              这个播放器不错,但是,把视频放在服务器上压力大啊,能不能调用视频网站的地址?

              • 何湘辉博客
                何湘辉博客 1

                ckplayer的名声还是很响的 :grin: