阿里云
发表主题 回复主题
  • 10054阅读
  • 4回复

[分享]【新手教程】阿里云视频点播,轻轻松松给网站加上视频的翅膀

级别: 论坛版主
发帖
890
云币
2854
— 本帖被 whosoft 设置为精华(2018-06-29) —
您是不是被网站视频问题弄的焦头烂额、心烦意乱、夜不能寐、寝食难安?那么,看完这里,以上问题统统都可以解决啦。 ^1ks`1  
首先,我们开通阿里视频点播功能,传送门:https://www.aliyun.com/product/vod 开通需要1-5分钟时间,请不要重复提交,请耐心等待:) b{ W ,wn  
o#IWH;ck.  
n4 Y ]v  
4;w# mzd  
hy:K) _  
开通视频点播后,我们进入控制台-》视频点播-》全局设置-》添加新域名 ^N~Jm&I  
比如您的网站是www.aliyun.com 您想用video.aliyun.com访问所有上传的视频,那么就添加域名就填video.aliyun.com,添加后,稍等片刻就会开通成功。 w2tkJcQ3  
这时,我们需要将该域名的cname解析到系统提示的地址。如下图: =k+i5:@]  
U3w*z6OG  
<7X+-%yb;  
4_S%K&  
域名配置好后,我们开始上传视频, ^[zF IO  
OZh+x`' #  
zdDJcdbGd1  
FD}>}fLv  
14\!FCe)!  
上传完成后,在视频列表中,可以看到每个视频对应的videoid M~!LjJg;  
# /pZ#ny  
u"a$/  
4U:+iumy2  
)5bdWJ>l  
点击视频列表中的管理,进入到视频详细页面,里面有web播放器代码,复制一下。 \'N|1!EO|t  
0 .p $q  
i@d@~M7/  
{EupB?  
?jzadCel  
到这里,也许可能您觉得视频播放离成功只差0.01毫米了吧,把代码Ctrl+c,再Ctrl+v到网站上,然后打开网站,视频流畅的播放,一切问题都可以烟消云散了,是吗? ^A$~8?f  
但是,呵呵,但是这个并不是这样的,代码中还有一个参数,playauth: "客户调用接口生成" Jh:-<xy)  
这个需要调用阿里云视频播放接口生成滴,估计很多个都跪在了这里呢。。那么如何通过视频videoid获取playauth呢?坐下,请都坐下,继续往下看 ? 5 V-D8k  
首先下载附件中的sdk,这个是前几天下载的php版本,如果想看看有没出新版本,可以通过传送门https://help.aliyun.com/document_detail/61070.html **O4"+Xi8  
稍微修改了一下,里面还有一个参考代码t.html AuYi$?8|5  
阿里云视频点播.rar (114 K) 下载次数:121 JXnPKAN  
B[MZ Pv)  
Dy^4^ J5+  
Cj):g,[a  
主要修改两个地方,一个是authapi.php,这个是获取视频播放参数playauth文件,将你己的阿里云appid和密钥填上。如果还未生成过的话,进入accesskey管理生成一下。传送门:https://ak-console.aliyun.com/#/accesskey Bf88f<Z  
  1. <?php
  2. include_once 'aliyun-php-sdk-core/Config.php';
  3. use vod\Request\V20170321 as vod;
  4. $access_key_id="aa";
  5. $access_key_secret="bb";
  6. $VideoId=$_GET["videoid"];
  7. $regionId = 'cn-shanghai';
  8. $profile = DefaultProfile::getProfile($regionId, $access_key_id, $access_key_secret);
  9. $client = new DefaultAcsClient($profile);
  10. date_default_timezone_set('PRC');
  11. function testGetVideoPlayAuth($client, $regionId, $VideoId) {  
  12. $request = new vod\GetVideoPlayAuthRequest();  
  13. $request->setAcceptFormat('JSON');  
  14. $request->setRegionId($regionId);  
  15. $request->setVideoId($VideoId);            //视频ID  
  16. $response = $client->getAcsResponse($request);  
  17. return $response;  
  18. }  
  19.     
  20. if($VideoId!="")
  21. {
  22.     try {  
  23.     $videoinfo=(array)(testGetVideoPlayAuth($client, $regionId, $VideoId));
  24.     $play_auto=$videoinfo["PlayAuth"];
  25.     echo "play_auto='".$play_auto."'";
  26.     } catch (Exception $e) {  
  27.         $e->getMessage();
  28.     }
  29. }
  30. else
  31.     {echo "VideoId error";}
  32. ?>
如果配置正常的话,打开 authapi.php?videoid=f60e19885082440099ca87fd28c45dc0 就可以看到 (jYs_8;  
play_auto='eyJTZWN1cml0eVRva2VuIjoi...' @w:sNXz-  
如果看到这个,那么,恭喜您,离成功的视频播放器,只差0.001毫米啦。 bvR*sT#rg  
将这个playauto加到web播放器的代码中,就可以完成视频播放器的设置了。可以参考下t.html "WYcw\@U  
  1. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  2. <script type="text/javascript" src="authapi.php?videoid=f60e19885082440099ca87fd28c45dc0"></script>
  3. 以下是播放器代码:
  4. <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">
  5. 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>
Fk(0q/b  
注意的是,t.html中有2处videoid需要修改成你自己视频的videoid c\4n7m,y  
JnY3]  
[I4FU7mpH  
一般我都说的这么清楚了,按上面的来,应该问题不大。但如果还有问题的话,下载附件中的代码,在这基础上再改改,再不行就只好在这里留言了,我看到了后也会尽力为你解决问题的。 cmN0ya  
y!!+IeReS  
Da-(D<[0  
\a]\j Zb  
d8RpL{9\7  
[ 此帖被whosoft在2018-06-05 13:06重新编辑 ]
本帖最近评分记录: 1 条评分 云币 +1
tuyuan 云币 +1 ECS云服务器2折起,1年¥293起  https://dwz.cn/qxEL96bj 2018-12-24
那个城市,那条街,那个我
级别: 论坛编辑
发帖
6074
云币
11920
只看该作者 沙发  发表于: 2018-06-05
期待后续。
级别: 小白
发帖
12
云币
15
只看该作者 板凳  发表于: 2018-06-05
Re【新手教程】阿里云视频点播,轻轻松松给网站加上视频的翅膀
不错 ,顶一个
级别: 小白
发帖
47
云币
72
只看该作者 地板  发表于: 2018-12-24
Re【新手教程】阿里云视频点播,轻轻松松给网站加上视频的翅膀
谢谢分享!!
%)PQomn?  
L ]QBh\  
[ 此帖被超超超不了在2019-01-08 08:45重新编辑 ]
级别: 码农
发帖
109
云币
171
只看该作者 4楼 发表于: 2018-12-24
发表主题 回复主题
« 返回列表上一主题下一主题

限100 字节
批量上传需要先选择文件,再选择上传
 
验证问题: ECS是阿里云提供的什么服务? 正确答案:云服务器
上一个 下一个