阿里云视频播放

最新推荐文章于 2023-08-03 09:34:18 发布

Holo_Sai5420

最新推荐文章于 2023-08-03 09:34:18 发布

阅读量1.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：插件文章标签：视频播放

本文链接：https://blog.youkuaiyun.com/qq_40105969/article/details/80941502

插件专栏收录该内容

1 篇文章

订阅专栏

  配置文件：
  /*阿里云视频相关配置 */
  vodAccessKeyId: 'LTAI0OVcwKRNQupi',
  vodSecretAccessKey: 'EQtWDv89LqUXwRjBd044UpZmIoEgCq',
  vodEndpoint: 'http://vod.cn-shanghai.aliyuncs.com',
  vodApiVersion: '2017-03-21'

  控制层：
  async getvideoplayauthAction() {
        var VideoId = this.param("vid");
        if (VideoId && VideoId.length > 0) {
            var client = new RPCClient({
                accessKeyId: this.config("vodAccessKeyId"),
                secretAccessKey: this.config("vodSecretAccessKey"),
                endpoint: this.config("vodEndpoint"),
                apiVersion: this.config("vodApiVersion")
            });
            var res = await client.request('GetVideoPlayAuth', { VideoId: VideoId, AuthInfoTimeout: 100 });
            // this.logger.info('Aliyun-VOD GetVideoPlayAuth：%s', JSON.stringify(res));
            console.log('Aliyun-VOD GetVideoPlayAuth：%s', JSON.stringify(res));
            this.json({'errno':0,'data':res});
        } else {
            
            this.json({'errno':1,'errmsg':"视频id不存在"});
        }
    }

页面

    <link rel="stylesheet" href="//g.alicdn.com/de/prismplayer/2.7.1/skins/default/aliplayer-min.css" />
    <script type="text/javascript" src="//g.alicdn.com/de/prismplayer/2.7.1/aliplayer-min.js"></script>

    容器

    <div  class="prism-player" id="J_prismPlayer" style="display: none;width:100%; height:200px;"></div>
    
    实例化

    var player;
    var vid = "c4d4915538dc4528a7f6c676d06ed08b"    // 视频id
    var isLimited = true;                           // 当前用户观看时长是否受限
    var limitTimeLen = 180;                         // 受限时长，单位秒
    var int;

    $(function(){
    $.post("/openapi/video/getvideoplayauth",{vid:vid},function(res){
        if(res.errno==0){
            var obj=res.data;
            player = new Aliplayer({
                id: 'J_prismPlayer',
                width: '100%',
                autoplay: false,
                //支持播放地址播放,此播放优先级最高
                // source : '播放url',
                //播放方式二：点播用户推荐
                vid: vid,
                playauth: obj.PlayAuth,
                cover: obj.VideoMeta.CoverURL,//'http://liveroom-img.oss-cn-qingdao.aliyuncs.com/logo.png',
                //播放方式三：仅MPS用户使用
                // vid : '1e067a2831b641db90d570b6480fbc40',
                // accId: '',
                // accSecret: '',
                // stsToken: '',
                // domainRegion: '',
                // authInfo: '',
                //播放方式四：使用STS方式播放
                // vid : '1e067a2831b641db90d570b6480fbc40',
                // accessKeyId: '',
                // securityToken: '',
                // accessKeySecret: ''
            }, function (player) {
                //console.log('播放器创建好了。')
            });

            
            player.on("ended", endedHandle);

            // player.on("completeSeek", test);
            if(isLimited == true){
                initLimitCheck();
            }

        }else{
            //alert(res.msg);
        }
    })
});

function endedHandle() {
    var newPlayAuth = "";
    $.post("/openapi/video/getvideoplayauth",{vid:vid},function(res){
        console.log(res)
        if(res.errno==0){
            var obj=res.data;
            player.replayByVidAndPlayAuth(vid, obj.PlayAuth);

        }else{
            alert(res.msg);
        }
    })
    
}

function initLimitCheck() {
    if (player) {
        player.on("completeSeek", checkLimitTime);
        player.on("play", checkLimitTime);

        int = window.setInterval("checkLimitTime()", 2000);
    }
}

function checkLimitTime(e) {
    //console.log(e)
    if (player) {
        var curTime = 0;
        if (e && e.type == "completeSeek") {
            curTime = parseFloat(e.paramData);
            //console.log("seek", curTime);
        }  else {
            if (player.getStatus() == 'playing' || player.getStatus() == 'loading' || player.getStatus() == 'play' || player.getStatus() == 'pause') {
                curTime = player.getCurrentTime();
               // console.log("play", curTime);
            }
        }     
        if (curTime >= limitTimeLen) {
            player.pause();
            alert("您还未购买该课程，请购买后观看剩余内容！");
            window.clearInterval(int);
            // player = null;
        }
    }
}