aliyun阿里云视频直播播放器代码

阿里云aliyun播放器用户测试用例代码

rtmp格式

    <!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport"   content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/><title>用户测试用例</title><link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/aliplayer-min.css" /><script charset="utf-8" type="text/javascript" src="https://g.alicdn.com/de/prismplayer/2.8.2/aliplayer-min.js"></script></head><body><div  class="prism-player" id="J_prismPlayer"></div><script>var player = new Aliplayer({id: 'J_prismPlayer',width: '100%',autoplay: true,//支持播放地址播放,此播放优先级最高source : 'https://vod.300hu.com/4c1f7a6atransbjngwcloud1oss/7caa8275157524742462005249/v.f30.mp4?dockingId=7bc7d2cd-5c29-4e2e-a000-b0ebc0ed3b84&storageSource=3',//播放方式二：点播用户推荐vid : '1e067a2831b641db90d570b6480fbc40',playauth : 'ddd',cover: 'http://liveroom-img.oss-cn-qingdao.aliyuncs.com/logo.png',            //播放方式三：仅MPS用户使用vid : '1e067a2831b641db90d570b6480fbc40',accId: 'dd',accSecret: 'dd',stsToken: 'dd',domainRegion: 'dd',authInfo: 'dd',//播放方式四：使用STS方式播放vid : '1e067a2831b641db90d570b6480fbc40',accessKeyId: 'dd',securityToken: 'dd',accessKeySecret: 'dd',region:'cn-shanghai',//eu-central-1,ap-southeast-1},function(player){console.log('播放器创建好了。')});</script></body></html>

效果图，可以点击播放

rtmp格式


<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><meta http-equiv="x-ua-compatible" content="IE=edge" ><meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/><title>Aliplayer Online Settings</title><link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.7/skins/default/aliplayer-min.css" /><script type="text/javascript" charset="utf-8" src="https://g.alicdn.com/de/prismplayer/2.8.7/aliplayer-min.js"></script>
</head>
<body>
<div class="prism-player" id="player-con"></div>
<script>var player = new Aliplayer({"id": "player-con","source": "rtmp://ali-play.lezhibo.com/lezhibo/89d36a8e568e4748b0c35405b5d5e21f","width": "100%","height": "500px","autoplay": true,"isLive": true,"rePlay": false,"playsinline": true,"preload": true,"controlBarVisibility": "hover","useH5Prism": true}, function (player) {console.log("The player is created");});
</script>
</body>

aliyun阿里云视频直播播放器代码相关推荐

阿里云视频直播使用详细步骤
目录一.阿里云视频直播 1.什么是视频直播 2.视频直播架构 3.官方文档链接二.使用流程 1.使用条件 2.添加推流域名和播流域名 3.配置CNAME 4.关联推流域名和播流域名 5.生成推流地 ...
java SpringBoot 集成阿里云视频直播完成直播功能
经历了几天的周折,近期才把项目完成,在这里与大家分享一下踩坑之路,也方便日后有类似项目,可以借阅一番开发直播前先满足已下条件 1.开通视频直播功能 2.购买好了OSS存储 3.购买两个域名并且备案好 ...
阿里云点播 web 播放器
浅谈最近遇到很多人使用阿里云点播 web 播放器,通过 STS 令牌的方式去播放 MTS 转码完成后的资源出现问题,"路见不平一声吼,写个过程先献丑",只是做了最基础的功能,看官 ...
java SpringBoot 集成阿里云视频直播完成直播功能
经历了几天的周折,近期才把项目完成,在这里与大家分享一下踩坑之路,也方便日后有类似项目,可以借阅一番该项目是一个H5直播,采用m3u8格式完成直播的展示.通过推流地址,借助第三方推流工具实现直播效果 ...
首批唯一！阿里云视频直播服务获信通院首批唯一认证
简介:阿里云视频直播服务 7 月 28 日,由中国信息通信研究院主办的 2021 可信云大会上,阿里云凭借在视频直播 "云 - 边 - 端" 的产品技术优势,以最高标准通过了可信云 ...
阿里云移动端播放器高级功能---安全播放
基本介绍如何保障视频内容的安全,不被盗链.非法下载和传播,阿里云视频点播已经有一套完善的机制保障视频的安全播放: 那么在播放器中支持哪一些安全播放的机制呢? 这里有料:视频安全解决方案. Refer ...
深度解读：阿里云视频直播功能升级
2022年注定是体育超级大年,冬奥.亚运会.大运会.世界杯等各类大型体育赛事应接不暇.随之而来便是各类赛事直播,客户对直播服务要求变得越来越高,视频直播技术创新显得格外重要.如何利用直播技术创新降低线 ...
阿里云视频直播 web前端[移动端] Aliplayer的简单案例
阿里云视频直播 web前端[移动端] Aliplayer的简单案例最近做了一个功能就是播放后台提供的各种直播视频,格式在未确定的情况下,刚开始以为简单的一个video标签就能播放视频,后面才发现各种 ...
阿里云视频直播签名机制
其实很少写博客,都是放在个人云笔记里面的.但是这个坑,还是救救有些新手. 阿里云视频直播的API调用方式,其实和其他的阿里云服务签名大同小异! https://help.aliyun.com/docu ...
H5直播之阿里云视频直播的实现
转自https://blog.csdn.net/hanierming/article/details/52769424 由于公司需要开发一款直播软件,以前也并没有接触过直播这一方面,所以就来从0开始做 ...

aliyun阿里云视频直播播放器代码

阿里云aliyun播放器用户测试用例代码

rtmp格式

aliyun阿里云视频直播播放器代码相关推荐

最新文章

热门文章