您现在的位置是:首页 > 文章详情

【教程】教你如何使用阿里云视频点播

日期:2019-07-15点击:410

您是不是被网站视频问题弄的焦头烂额、心烦意乱、夜不能寐、寝食难安?那么,看完这里,以上问题统统都可以解决啦。

首先,我们开通阿里云视频点播功能,传送门:https://www.aliyun.com/product/vod

( 开通需要1-5分钟时间,请不要重复提交,请耐心等待:)

aliyunvod1

开通视频点播后,我们进入控制台-》视频点播-》全局设置-》添加新域名

比如您的网站是www.aliyun.com ,您想用video.aliyun.com访问所有上传的视频,那么就添加域名就填video.aliyun.com,添加后,稍等片刻就会开通成功。

这时,我们需要将该域名的cname解析到系统提示的地址。如下图:

aliyunvod2

域名配置好后,我们开始上传视频

aliyunvod3

上传完成后,在视频列表中,可以看到每个视频对应的videoid

aliyunvod4

点击视频列表中的管理,进入到视频详细页面,里面有web播放器代码,复制一下。

aliyunvod5

到这里,也许可能您觉得视频播放离成功只差0.01毫米了吧,把代码Ctrl+c,再Ctrl+v到网站上,然后打开网站,视频流畅的播放,一切问题都可以烟消云散了,是吗?

但是这个并不是这样的呢,代码中还有一个参数,playauth: "客户调用接口生成"

这个需要调用阿里云视频播放接口生成滴,估计很多个都跪在了这里呢。那么如何通过视频videoid获取playauth呢?坐下,请都坐下,继续往下看

首先下载附件中的sdk,这个是前几天下载的php版本,如果想看看有没出新版本,可以通过传送门https://help.aliyun.com/document_detail/61070.html

稍微修改了一下,里面还有一个参考代码t.html
阿里云视频点播.rar (链接: https://pan.baidu.com/s/1ISNIptk4xZPe6UjpKIMF5w 提取码: 1hig 复制这段内容后打开百度网盘手机App,操作更方便哦)

主要修改两个地方,一个是authapi.php,这个是获取视频播放参数playauth文件,将你自己的阿里云appid和密钥填上。如果还未生成过的话,进入accesskey管理生成一下。

传送门:https://ak-console.aliyun.com/#/accesskey

<?php include_once 'aliyun-php-sdk-core/Config.php'; use vod\Request\V20170321 as vod; $access_key_id="aa"; $access_key_secret="bb"; $VideoId=$_GET["videoid"]; $regionId = 'cn-shanghai'; $profile = DefaultProfile::getProfile($regionId, $access_key_id, $access_key_secret); $client = new DefaultAcsClient($profile); date_default_timezone_set('PRC'); function testGetVideoPlayAuth($client, $regionId, $VideoId) {   $request = new vod\GetVideoPlayAuthRequest();   $request->setAcceptFormat('JSON');   $request->setRegionId($regionId);   $request->setVideoId($VideoId);            //视频ID   $response = $client->getAcsResponse($request);   return $response;   }        if($VideoId!="") {     try {       $videoinfo=(array)(testGetVideoPlayAuth($client, $regionId, $VideoId));     $play_auto=$videoinfo["PlayAuth"];     echo "play_auto='".$play_auto."'";     } catch (Exception $e) {           $e->getMessage();     } } else     {echo "VideoId error";} ?>

如果配置正常的话,打开 authapi.php?videoid=f60e19885082440099ca87fd28c45dc0 就可以看到

play_auto='eyJTZWN1cml0eVRva2VuIjoi...'

如果看到这个,那么,恭喜您,离成功的视频播放器,只差0.001毫米啦。

将这个playauto加到web播放器的代码中,就可以完成视频播放器的设置了。可以参考下t.html

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="authapi.php?videoid=f60e19885082440099ca87fd28c45dc0"></script> 以下是播放器代码: <link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.3.5/skins/default/aliplayer-min.css" /><script type="text/javascript" src="https://g.alicdn.com/de/prismplayer/2.3.5/aliplayer-min.js"></script><script type="text/javascript"> document.write("<div id = 'J_prismPlayer' style='width: 1920px;height: 1280px;' class='prism-player'></div >");window.onload = function () {new Aliplayer({id: "J_prismPlayer",autoplay: true,width: "960px",height: "1280px",vid: "f60e19885082440099ca87fd28c45dc0",playauth: play_auto,});};</script>

注意的是,t.html中有2处videoid需要修改成你自己视频的videoid

按上面的来,应该问题不大。但如果还有问题的话,下载附件中的代码,在这基础上再改改就行。

原文:https://yun.fengxinqi.com/archives/aliyunvod/

原文链接:https://yq.aliyun.com/articles/709232
关注公众号

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。

持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。

文章评论

共有0条评论来说两句吧...

文章二维码

扫描即可查看该文章

点击排行

推荐阅读

最新文章