码迷,mamicode.com
首页 > Web开发 > 详细

动态获取爱奇艺上传视频mp4格式url地址

时间:2016-07-29 16:42:02      阅读:582      评论:0      收藏:0      [点我收藏+]

标签:

      有时候,在工作中有些客户需要用到视频,我们大家都知道视频是非常的耗费流量的,因此,如果因为项目要求客户单独买台视频服务器是非常划不来的。那么将视频上传到优酷,爱奇艺等视频网站来托管那是一件很好的解决方案。

      今天主要和大家聊下如果使用爱奇艺开放平台中来动态获取自己上传视频的mp4格式url地址。我们闲话少说,直接开始。

     首先先看下通过这种方式获取的视频播放效果:

  技术分享

    一、我们需要注册成为爱奇艺开发者

          爱奇艺开放平台: http://open.iqiyi.com/index.html

           技术分享

  二、注册审核通过后,我们进入视频托管

          搭建属于你的托管应用:http://open.iqiyi.com/lib/upload.html

     技术分享

 

 三、学习文档,进行接口调用

        技术分享   

 

四、封装代码如下

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>获取爱奇艺上传视频mp4格式url地址</title>
 6     <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
 7     <style>
 8         .main{
 9             width:40%;
10             margin: 200px auto;
11         }
12     </style>
13 </head>
14 <body>
15 
16 <div class="main">
17     <video id="setUrl" width="550" height="310" controls type="video/mp4" preload="none" poster="bg.png"></video>
18 </div>
19 
20 <script type="text/javascript">
21     $(function(){
22         //------------------------测试数据--------------------------
23         var  file_id="3856cf8b9e34492db5faa827d9a0c663";    //文件上传id
24         //------------------------测试数据--------------------------
25         // 得到mp4格式URL
26         getURL(file_id,function(url){
27             console.log(url);
28             $("#setUrl").attr("src",url);
29         });
30 
31          // 封装得到mp4格式URL函数
32             function getURL(file_id,callback){
33                 var app_key=‘XXXXXXXXXXXXXXXXXXXXXX‘; //申请应用时分配的app_key
34                 var app_secret=‘XXXXXXXXXXXXXXXXXXXXXXXXX‘;//申请应用时分配的app_secret
35                 //获取访问令牌
36                 $.ajax({
37                     type: "GET",
38                     url: "https://openapi.iqiyi.com/api/iqiyi/authorize?client_id="+app_key+"&client_secret="+app_secret+"",
39                     data: "",
40                     dataType: "json",
41                     success: function(e){
42                         var getObject =JSON.parse(e);
43                           //   var access_token=getObject.data.access_token; //开放平台分配的access token,OAuth授权后获得【正式环境下】
44                          //------------------------测试数据--------------------------
45                         var access_token="2.65f2da58f8c9d91eb7da125b317c9193";    //开放平台分配的access token,OAuth授权后获得【测试数据】
46                         //------------------------测试数据--------------------------
47                         //获取视频 URL 列表
48                         $.ajax({
49                             type: "GET",
50                             url: "http://openapi.iqiyi.com/api/file/urllist?access_token="+access_token+"&file_id="+file_id+"",
51                             data: "",
52                             dataType: "json",
53                             success: function(data){
54                                 var getData =JSON.parse(data);
55                                 var getUrlLink=(getData.data.mp4[1]);//得到需要的url请求
56                                 //获取mp4格式的视频URL
57                                 $.ajax(getUrlLink, {
58                                     data:"",
59                                     dataType: ‘jsonp‘,  //此处对于跨域问题的解决
60                                     crossDomain: true,
61                                     success: function(data) {
62                                          var videoURL =data.data.l;
63                                          callback.call(this,videoURL); //回调得到的mp4格式的url
64                                     },
65                                     error : function() {
66                                         console.log("请求获取mp4格式的视频URL失败");
67                                     }
68                                 });
69 
70                             },
71                             error : function() {
72                                 console.log("请求获取视频URL列表失败");
73                             }
74                         });
75 
76                     },
77                     error : function() {
78                         console.log("请求获取访问令牌失败");
79                     }
80                 });
81             }
82     });
83 </script>
84 </body>
85 </html>

 

动态获取爱奇艺上传视频mp4格式url地址

标签:

原文地址:http://www.cnblogs.com/chenyablog/p/5718846.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!