开发者社区> 问答> 正文

如图,在视频点播中通过接口直接获取到这里的地址,然后小程序video src赋值即可,我理解的对吗

在视频点播中通过接口直接获取到这里的地址,然后再小程序video src赋值即可,我理解的对吗?
cae86508b7f8f61acaf219fb3b7e112f.png

展开
收起
乐天香橙派 2023-07-25 19:49:26 104 0
3 条回答
写回答
取消 提交回答
  • 是的,可以试一下—此回答来自钉群“阿里云-VOD-视频点播-技术交流(进群先看公告)”

    2023-07-26 09:34:06
    赞同 展开评论 打赏
  • 是的,您的理解是正确的。

    在视频点播中,您可以通过阿里云视频点播的API获取到视频的播放地址,然后将该地址赋值给小程序 <video> 组件的 src 属性即可实现视频的播放。

    以下是一个示例的代码片段:

    // 通过接口获取视频播放地址
    const videoId = 'your_video_id'; // 视频ID
    const playAuth = 'your_play_auth'; // 播放凭证
    
    // 调用阿里云视频点播的API,根据视频ID和播放凭证获取播放地址
    const videoPlayUrl = `https://vod.aliyuncs.com/v2/video/${videoId}?playauth=${playAuth}`;
    
    // 将播放地址赋值给小程序 <video> 组件的 src 属性
    this.setData({
      videoSrc: videoPlayUrl,
    });
    

    在上述示例中,使用获取到的视频播放地址 videoPlayUrl 来更新小程序中的 videoSrc 数据,然后在小程序中,将 videoSrc 数据绑定给 <video> 组件的 src 属性。

    这样,在小程序中访问页面时,就能自动加载并播放指定视频的内容。

    2023-07-25 22:59:46
    赞同 展开评论 打赏
  • 北京阿里云ACE会长

    获取到视频的播放地址,然后将该地址赋值给小程序 video 标签的 src 属性即可实现视频播放。

    具体来说,您可以使用阿里云视频点播的 API 接口,例如 GetVideoPlayAuth 或 GetPlayInfo 接口,来获取视频的播放地址和播放凭证。获取到播放地址和播放凭证后,您可以将播放地址赋值给小程序 video 标签的 src 属性,然后调用 play 方法来启动视频播放。

    以下是示例代码:

    javascript
    Copy
    wx.request({
    url: 'https://api.aliyuncs.com',
    data: {
    Action: 'GetPlayInfo',
    VideoId: 'your_video_id',
    Format: 'JSON',
    // 其他请求参数
    },
    success: function (res) {
    console.log(res.data);
    // 获取到播放地址和播放凭证
    var playInfo = res.data.PlayInfoList.PlayInfo[0];
    var playURL = playInfo.PlayURL;
    // 将播放地址赋值给小程序 video 标签的 src 属性
    var videoContext = wx.createVideoContext('myVideo');
    videoContext.src = playURL;
    // 启动视频播放
    videoContext.play();
    }
    });
    在上面的代码中,我们使用了小程序的 wx.request 方法来调用阿里云视频点播的 GetPlayInfo 接口,获取到视频的播放地址和播放凭证。然后将播放地址赋值给 video 标签的 src 属性,并调用 play 方法启动视频播放。

    2023-07-25 20:27:34
    赞同 展开评论 打赏
来源圈子
更多
收录在圈子:
+ 订阅
问答排行榜
最热
最新

相关电子书

更多
互联网音视频点播业务云上实践 立即下载
《VoD问题排查与实战手册》 立即下载
低代码开发师(初级)实战教程 立即下载