quansitech/qscmf-formitem-vod

qscmf formbuilder item

v2.0.5 2020-07-09 08:58 UTC

Requires

• php: >=7.2.0
• alibabacloud/sdk: ^1.8
• tiderjian/think-core: >=8.0

MIT

• tiderjian

• admin
• component
• formbuilder
• thinkphp
• qscmf
• aliyun vod

README

安装

composer require quansitech/qscmf-formitem-vod

如何使用

阿里云配置 传送门

env配置

# 阿里云点播服务
VOD_ACCESS_KEY=
VOD_ACCESS_SECRET=
UPLOADER_ROLE_RAN=
PLAY_ROLE_RAN=
FULL_ROLE_RAN=

后台上传

    public function add(){
        $builder = new \Qscmf\Builder\FormBuilder();
        $builder->setMetaTitle('测试Vod上传')
            ->addFormItem('video_id','video_vod','视频')
            ->display();
    }

前台播放

控制器

    /** @var $video_id string 视频ID **/    
    $vod = new FormItem\Vod\FormType\Vod();
    $this->playAuth = $vod->getPlayAuth($video_id)['PlayAuth'];
    $this->address = $vod->getPlayAddress($video_id);

视图

<link rel="stylesheet" href="__PUBLIC__/vod/aliplayer-min.css" />
<script type="text/javascript" src="__PUBLIC__/vod/aliplayer-min.js"  charset="UTF-8"></script>
<!--     支持ie8-->
<script type="text/javascript" src=" __PUBLIC__/vod/json.min.js"></script>
<script>
    var player = new Aliplayer({
            id: "J_prismPlayer",
            autoplay: false,
            isLive:false,
            playsinline:true,
            width:"100%",
            height:"400px",
            useFlashPrism:true,            
                //播放方式二：点播用户推荐
                 vid : "{$video_id}",
                 playauth: "{$playAuth}" , 
                //自定义控制栏样式 
         skinLayout:[{"name":"controlBar","align":"blabs","x":0,"y":0,"children":[
                {"name":"timeDisplay","align":"tl","x":10,"y":24},
                {"name":"playButton","align":"tl","x":15,"y":26},
                {"name":"progress","align":"tlabs","x":0,"y":0}]},
                {"name":"infoDisplay","align":"cc"}]

            
           },function(player){
                player.on('ready',function(e) {
                });
                
                player.on('error', function(){
                });
           });       
</script>