1.推流

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"><title>直播测试</title><link rel="stylesheet" type="text/css" href="../../css/aui.2.0.css" />
</head><body style="overflow: hidden;"><header class="aui-bar aui-bar-nav">发起直播
</header><script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/common.js"></script><script>var aliyunLive;apiready = function () {fix_status_bar();aliyunLive = api.require('aliyunLive');aliyunLive.configStream({rect: {x: 0,y: 0,w: 375,h: 667},url: 'rtmp://video-center.alivecdn.com/yunlutong/test?vhost=live.yunlutong.com&auth_key=1490162678-0-0-0a084668d1f4b0eb1066a33c04c3bcf8',bitRate: {videoMaxBitRate: 1500 * 1000,videoMinBitRate: 400 * 1000,videoBitRate: 600 * 1000,audioBitRate: 64 * 1000},fps: 20,screenOrientation: 'vertical',reconnectTimeout: 5,videoResolution: '240P',videoPreset: '1280*720',cameraPosition: 'front',waterMarkImage: {path: '',location: 'leftTop',maginX: 20,maginY: 20},fixed: true},function(ret) {startStream();});}// 增加连接状态监听function addConnectStatusListener() {aliyunLive.addConnectStatusListener(function(ret){alert(JSON.stringify(ret));});}// 销毁推流,测试有效function destroyStream() {aliyunLive.destroyStream();}// 转换摄像头,测试有效function toggleCamera() {aliyunLive.toggleCamera();}// 设置美颜,测试有效function setBeauty() {aliyunLive.setBeauty({beauty: 'on'});}// 设置静音function setMute() {aliyunLive.setMute({mute: 'on'});}// 设置闪光灯,测试有效,对后置摄像头有效function setFlash() {aliyunLive.setFlash({flash: 'on'});}// 停止推流function stopStream() {aliyunLive.stopStream(function(ret){alert(JSON.stringify(ret));});}// 开始推流function startStream() {aliyunLive.startStream(function(ret){alert(JSON.stringify(ret));});}</script></body>
</html>

2.拉流

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"><title>直播测试</title><link rel="stylesheet" type="text/css" href="../../css/aui.2.0.css" />
</head><body style="overflow: hidden;"><header id="aui-header" class="aui-bar aui-bar-nav">看直播
</header><script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript" src="../../script/jquery.min.js"></script>
<script>var mediaPlayer;apiready = function () {fix_status_bar();mediaPlayer = api.require('aliyunLive');mediaPlayer.init({rect: {x: 0,y: $("#aui-header").height(),w: api.winWidth,h: api.winHeight - $("#aui-header").height()},accessKeyId : 'xxxxx',accessKeySecret : 'xxxxx',businessId : 'yunlutong'}, function(ret, err) {prepareToPlay();play();});}// 添加监听function addEventListener() {mediaPlayer.addEventListener(function(ret){alert(JSON.stringify(ret));});}// 设置缓冲时长function setMaxBufferDuration() {mediaPlayer.setMaxBufferDuration({duration:10000});}// 设置默认解码器,0硬件解码器,1软件解码器function setDefaultDecoder() {mediaPlayer.setDefaultDecoder({type : 1});}// 视频缩放,0等比例缩放,1剪切缩放function setVideoScalingMode() {mediaPlayer.setVideoScalingMode({mode : 1});}// 设置静音function setMuteMode() {mediaPlayer.setMuteMode({isMute:true});}// 设置媒体类型function setMediaType() {var mediaPlayer = api.require('aliyunLive');mediaPlayer.setMediaType({type:0});}// 请求超时时间function setTimeout() {mediaPlayer.setTimeout({timeout:5000});}// 获取视频高度function getVideoHeight() {mediaPlayer.getVideoHeight(function(ret){if(ret){alert("Video height : " + ret.height);}});}// 获取视频宽度function getVideoWidth() {mediaPlayer.getVideoWidth(function(ret){if(ret){alert("Video width : " + ret.width);}});}// 摧毁直播function destroy() {mediaPlayer.destroy();}// 停止播放function stop() {mediaPlayer.stop();}// 暂停function pause() {mediaPlayer.pause();}// 播放function play() {mediaPlayer.play();}// 准备播放function prepareToPlay() {mediaPlayer.prepareToPlay({url:'http://live.yunlutong.com/yunlutong/test.m3u8?auth_key=1490164347-0-0-a19f94a4fcd8a033f6b778bedd48545c'}, function(ret, err) {if(ret && ret.status){}});}</script></body>
</html>

ps:
1.这里需要申请Access Key ID,Access Key Secret

2.配置好推流和拉流的url。

3.这里只是初步实现了视频直播的功能,具体的还是需要配合服务器,把直播列表的数据获取到,展示到app中。
最好能够支持用户发言,发送小礼物,或者查看在线人数,和观看视频的人数。这些都需要处理。

转载于:https://www.cnblogs.com/jiqing9006/p/6599906.html

apicloud,aliyunlive,测试成功相关推荐

  1. 庆祝一下,基于JXTA的P2P文件共享传输文件测试成功。

    jxta.org上也有一个资源共享的项目,jxta-cm,但是这个项目作的不够好. 我重新设计了传输协议,参考了BT的传输协议. 存储本地信息,不像jxta-cm那样简单,序列化一个本地磁盘文件,而是 ...

  2. Cash Shuffle初次测试成功,BCH隐私研究逐步推进

    早在去年12月,一项名为 Cash Shuffle的比特币现金项目就被提了出来,该项目旨在通过混淆交易信息来保证BCH交易隐私.该项目在当时引起了社区的热议,因为隐私属性一直是加密货币最重要的属性之一 ...

  3. php连接access带密码,phpadodb连接带密码access数据库实例,测试成功

    include('./class/adodb/adodb.inc.php'); //实例化db类,链接 $db = ADONewConnection('ado_access'); $access = ...

  4. 俄罗斯政府称“主权网络”测试成功

     聚焦源代码安全,网罗国内外最新资讯! 编译:奇安信代码卫士团队 本周一,俄罗斯政府宣布称已完成一系列网络孤岛测试,成功将俄罗斯从世界互联网断开. 从上周开始,测试进行了数天时间,参与方包括俄罗斯政府 ...

  5. 实践数据湖iceberg 第二十一课 flink1.13.5 + iceberg0.131 CDC(测试成功INSERT,变更操作失败)

    系列文章目录 实践数据湖iceberg 第一课 入门 实践数据湖iceberg 第二课 iceberg基于hadoop的底层数据格式 实践数据湖iceberg 第三课 在sqlclient中,以sql ...

  6. mapStruct测试成功以及报错总结

    一.根据官网文档,添加依赖: https://mapstruct.org/documentation/installation/ 二.根据官网示例创建原类.DTO类,Mapper接口. https:/ ...

  7. 【个人作品】推荐一个SIP客户端-软电话,基于SIP协议,语言C++,界面QT4 开源,asterisk,tribox测试成功

    推荐一个SIP客户端-软电话,基于SIP协议,语言C++,界面QT4 开源,asterisk,tribox测试成功 属于个人独创作品,欢迎使用测试,欢迎与作者联系,共同研究.如果大家喜欢将拿出源码. ...

  8. 易宝java面试_java 易宝支付源码 (已测试成功,有测试步骤图片)

    [实例简介] 1.登陆页面填入信息 选择银行. 2.网上找的新的ID,和密码加入到配置文件中使用 3.点击提交后连接到易宝的支付页面. 4.通过建行支付的连接(显示建行已经扣了0.01元) http: ...

  9. 车载计算机模块,【荐】DIY车载电脑续:开模自制电路板(含DAC和7850)V2.0测试成功...

    更新:2015年3月31日,经过懈努力,2.0版测试成功,期间经历诸多波折.原车音响面板开关无损移植,音响部分按键灯也随电脑启动而亮了,虽然电路有点问题需要跳线,但个人还是比较满意.目前已卖出 ...

最新文章

  1. 保存ip地址和计算机名称,批量设置IP地址和计算机名
  2. 小说里的lt什么意思_脂肪醇里的脂肪是什么意思
  3. pyhton/Perl设置 sublime text2
  4. 两家外企的长三角仓库,活儿竟全被中国机器人承包了
  5. JVM - 剖析Java对象头Object Header之指针压缩
  6. 堆排序的时间复杂度分析
  7. QAdmin轻量级后台HTML模板 1.5
  8. webservice python开发接口_基于Python的Webservice开发(四)-泛微OA的SOAP接口
  9. remote Incorrect username or password ( access token)问题解决
  10. OpenGL超级宝典 纹理(一)
  11. Visio 2003 精简版(简体中文,免激活)百度云链接
  12. 网站通行证的交互设计分析
  13. 如何下载陕西省卫星地图高清版大图
  14. Python网络编程之网络基础
  15. -未来世界的幸存者- 读后感(现实篇和职业篇)
  16. 安川服务器报b33怎么维修,驻马店安川伺服报警B33故障维修
  17. excel取消合并单元格并自动填充数据
  18. 数显之家快讯:【SHIO世硕心语】华为内部考核尺度爆光!
  19. excel查重模型,老板不要再烦我
  20. AutoCAD如何创建图层?开关图层、冻结图层、锁定图层怎么运用?

热门文章

  1. Python urllib、urllib2、urllib3
  2. 对话框找不到WM_ERASEBKGND消息的解决方法与对话框背景图片的载入方法
  3. python自动登录百度空间
  4. OpenGL 开发环境配置
  5. 前端学习(3288):react hook state-hook
  6. [html] input上传图片怎样触发默认拍照功能
  7. [html] HTML5的触屏事件有哪些?
  8. 前端学习(2616):请求数据接口
  9. “约见”面试官系列之常见面试题之第九十三篇之vue获取数据在哪个周期函数(建议收藏)
  10. 前端学习(2015)vue之电商管理系统电商系统之实现图片的预览效果