美文网首页
普元-腾讯 超级播放器--js

普元-腾讯 超级播放器--js

作者: 红凉梦 | 来源:发表于2020-01-17 16:29 被阅读0次

2020.3.9-- 修改超级播放器starPlay参数,配置除url外,fileId播放方式,以及需要的参数---原生代码修改--js修改--SkySuperPlayer.h



方法如下,缩略图的方法可能不需要~~
私人备注:xcode-Emp.superPlayerViews js ---- SkySuperPlayer.h ----- resource(ui---TXSuperPlayer)
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
    <nav title="超级播放器" enableLeft="true" enableRight="true" />
<div width="100%" height="100%" vAlign="middle" hAlign="center" layout="VBox" >

<div width="100%" height="50">
    <input type="button" value="配置多清晰度" onClick="multiVideoURLs"/>
    <input type="button" value="缩略图" onClick="smallPicPlayer"/>
    <input type="button" value="显示小窗播放" onClick="windowsPlayer"/>
    
    </div>
<div width="100%" height="50" >
    <input type="button" value="观看视频" onClick="starVideo"/>
    <input type="button" value="退出观看" onClick="resetPlayer"/>
</div>
    

<div width="100%" height="100%" id="superDiv">
    
</div>
</div>
</body>
<script>
    $M.page.addEvent('onLoad', function(params){
            
            
    });
        var superPlayerView=new Emp.superPlayerViews({
            height:"100%",
            width:"100%"
        });
        superDiv.add(superPlayerView);
        
        function starVideo(){
            /* appid、fileid
              *
设置清晰度除了填写url外,更简单的使用方式是采用fileId播放。fileId在一般是在视频上传后,由服务器返回
            */
                      var json={
                appid:"1252463788",
                fileid:"4564972819219071568",
                videoURL:""
            };
            //var url = "http://200024424.vod.myqcloud.com/200024424_709ae516bdf811e6ad39991f76a4df69.f20.mp4";
            superPlayerView.showSuperView(json);
        
        };
        
        function multiVideoURLs(){
        /*
        *添加配置多清晰度
        *SD:标清 url
        *HD:高清url
        *SuperD:超清 url
        */
            var json={
                SD:"http://200024424.vod.myqcloud.com/200024424_709ae516bdf811e6ad39991f76a4df69.f20.mp4",
                HD:"http://5815.liveplay.myqcloud.com/live/5815_62fe94d692ab11e791eae435c87f075e_900.flv",
                SuperD:"http://5815.liveplay.myqcloud.com/live/5815_62fe94d692ab11e791eae435c87f075e.flv"
            };
            superPlayerView.ConfigureMultiurl(json);
            alert('ok');
        };
        
        <!-- 缩略图需要在SDK中做相应操作- -->
        function smallPicPlayer(){
        /*
        *配置缩略图
        */
         superPlayerView.smallPicPlayer();
            alert('ok');
        }
        <!-- ----- windowsPlayer 这个方法必须最后配置 ,否则找不到窗口会导致程序崩溃-->
        function windowsPlayer(){
        /*
        *小窗口播放
        */
         superPlayerView.windowsPlayer();
        
        }
        
        
        function resetPlayer(){
        /*
        *退出观看
        */
        superPlayerView.resetPlayer();
        alert('ok');
        }
        
        
</script>
</html>

相关文章

网友评论

      本文标题:普元-腾讯 超级播放器--js

      本文链接:https://www.haomeiwen.com/subject/yuzczctx.html