全部产品
媒体转码

web播放

更新时间:2017-09-22 15:24:53   分享:   

  • 前提条件

    播放前,需要先了解浏览器和flash的限制以及配置方法

    基本的播放器用法参考播放器文档和使用说明

    更多demo和说明请参见文档Aliplayer播放器

    扫描体验

    扫描体验

  • 关键参数说明

    source:OSS或CDN的播放地址。

    vid:媒体转码服务的媒体Id。例如“5aa0276ff6204ace950f75acf9e6187b”

    domainRegion:mts转码所在区域(cn-shanghai、cn-beijing、cn-shenzhen、cn-hangzhou)。

    accId:STS AccessKeyId,参考播放-简介安全令牌

    accSecret:STS AccessKeySecret,参考播放-简介安全令牌

    stsToken:STS SecurityToken,参考播放-简介安全令牌

    authInfo:播放鉴权,参考播放-简介播放鉴权

  • 播放示例代码

    以媒体Id的播放方式为示例代码。

    1. <!DOCTYPE HTML>
    2. <head>
    3. <meta charset="UTF-8">
    4. <meta http-equiv="x-ua-compatible" content="IE=edge" >
    5. <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/>
    6. <title>加密视频测试页面</title>
    7. <link rel="stylesheet" href="//g.alicdn.com/de/prismplayer/2.0.1/skins/default/aliplayer-min.css" />
    8. <script type="text/javascript" src="//g.alicdn.com/de/prismplayer/2.0.1/aliplayer-flash-min.js"></script>
    9. </head>
    10. <body>
    11. <div class="prism-player" id="J_prismPlayer"></div>
    12. <script type="text/javascript">
    13. var region = 'cn-beijing';
    14. var vid = '';
    15. var stsId = '';
    16. var stsKey = '';
    17. var stsToken = '';
    18. var authInfo = '';
    19. var player = new Aliplayer({
    20. id: 'J_prismPlayer',
    21. width: '100%',
    22. height: '540px',
    23. barMode: 0,
    24. prismType: 1,
    25. vid: vid,
    26. autoplay: true,
    27. playsinline: true,
    28. accId: stsId,
    29. accSecret: stsKey,
    30. stsToken: stsToken,
    31. domainRegion: region,
    32. authInfo: authInfo,
    33. });
    34. </script>
    35. </body>
    36. </html>
本文导读目录
本文导读目录
以上内容是否对您有帮助?