pushRtmpOrVideoPlay

来自于:开发者立即使用

showTuiLiu setTLsButtonVisibe ClickTLButtonForId TLStart TLStop showPlayer setPlaysButtonVisibe PlayStart PlayStop ClickPlayButtonForId

概述

pushRtmpOrVideoPlay 模块封装了rtmp视频推流接口推流到腾讯云和 rtmp,hls,mp4,flv等视频播放接口,播放接口没有域名限制,本接口集成非常简单,只需要传入推流地址或视频播放地址就可以直接使用默认界面运行。 用户也可以通过接口隐藏原有界面图标,使用直接的图标代替实现自定义界面的控制推流或播放。不管你是想进行直播推流或是想集成视频播放功能,本模块都是你的不二之选。 pushRtmpOrVideoPlay模块不是用的开放SDK,无需申请APPKEY,RTMP只是对腾讯云直播推流接口的封装,只需要传入腾讯云直播的推流地址即可。

开通腾讯rtmp推流服务可前往 https://www.qcloud.com/product/LVB.html 进行购买。购买后可创建直播频道获取rtmp推流地址.下面是创建直播频道获取地址的步骤及截图 1.点击创建频道按钮创建一个新直播频道 pushRtmpOrVideoPlay - 图1 2.保存频道信息后,频道创建成功,返回频道列表,点击刚刚创建频道的名称进行频道详细页面获取 pushRtmpOrVideoPlay - 图2 3.在频道详情页面找到直播源设置栏目,点击后面的复制按钮,复制频道推流地址,将此地址传入pushRtmpOrVideoPlay推流函数即可推流了 pushRtmpOrVideoPlay - 图3 4.同时可以查看推流成功后此频道对应的hls,flv等对应的播放地址。

showTuiLiu

初始化推流模块并显示默认推流界面

showTuiLiu({params});

params

x:

  • 类型:数字
  • 描述:(可选项)
  • 默认值:0

y:

  • 类型:数字
  • 描述:(可选项)
  • 默认值:0

w:

  • 类型:数字
  • 描述:(可选项)
  • 默认值:屏幕宽度

h:

  • 类型:数字
  • 描述:(可选项)
  • 默认值:屏幕高度

url:

  • 类型:字符串
  • 描述:必填项,推流的rtmp地址

示例代码

  1. var pushRtmpOrVideoPlay = api.require('pushRtmpOrVideoPlay');
  2. pushRtmpOrVideoPlay.showTuiLiu({
  3. x : 0,
  4. y : 0,
  5. h : height,
  6. w : width,
  7. url : "rtmp://xxxxx.livepush.myqcloud.com/xxxxxxx"
  8. });

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

setTLsButtonVisibe

控制推流界面按钮可见状态

setTLsButtonVisibe({params})

params

btnid

  • 类型:字符串
  • 描述:界面的可见按钮ID, btnPlay 播放,btnCameraChange 摄像头切换,btnHWEncode 硬件解码,btnFaceBeauty 美颜,btnLog 日志,btnBitrate 码流,btnFlash 闪光灯

show

  • 类型:数字
  • 描述:按钮可见状态0为隐藏1为显示

示例代码

  1. var pushRtmpOrVideoPlay = api.require('pushRtmpOrVideoPlay');
  2. pushRtmpOrVideoPlay.setTLsButtonVisibe({
  3. "btnid" : "btnLog",
  4. "show" : 1
  5. });

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

ClickTLButtonForId

模拟点击推流界面指定按钮

ClickTLButtonForId({params})

params

btnid

  • 类型:字符串
  • 描述:界面的可见按钮ID, btnPlay 播放,btnCameraChange 摄像头切换,btnHWEncode 硬件解码,btnFaceBeauty 美颜,btnLog 日志,btnBitrate 码流,btnFlash 闪光灯

示例代码

  1. var pushRtmpOrVideoPlay = api.require('pushRtmpOrVideoPlay');
  2. pushRtmpOrVideoPlay.ClickTLButtonForId({
  3. "btnid" : "btnLog"
  4. });

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

TLStart

开始推流

TLStart();

示例代码

  1. var pushRtmpOrVideoPlay = api.require('pushRtmpOrVideoPlay');
  2. pushRtmpOrVideoPlay.showTuiLiu({
  3. x : 0,
  4. y : 0,
  5. h : height,
  6. w : width,
  7. url : "rtmp://xxxxx.livepush.myqcloud.com/xxxxxxx"
  8. });
  9. pushRtmpOrVideoPlay.TLStart();
  10. 或者
  11. var pushRtmpOrVideoPlay = api.require('pushRtmpOrVideoPlay');
  12. pushRtmpOrVideoPlay.showTuiLiu({
  13. x : 0,
  14. y : 0,
  15. h : height,
  16. w : width,
  17. url : "rtmp://xxxxx.livepush.myqcloud.com/xxxxxxx"
  18. });
  19. pushRtmpOrVideoPlay.ClickTLButtonForId({
  20. "btnid" : "btnPlay"
  21. });

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

TLStop

结束视频推流

TLStop();

示例代码

  1. var pushRtmpOrVideoPlay = api.require('pushRtmpOrVideoPlay');
  2. pushRtmpOrVideoPlay.showTuiLiu({
  3. x : 0,
  4. y : 0,
  5. h : height,
  6. w : width,
  7. url : "rtmp://xxxxx.livepush.myqcloud.com/xxxxxxx"
  8. });
  9. //模拟点击开始
  10. pushRtmpOrVideoPlay.ClickTLButtonForId({
  11. "btnid" : "btnPlay"
  12. });
  13. pushRtmpOrVideoPlay.TLStop();
  14. 或者
  15. var pushRtmpOrVideoPlay = api.require('pushRtmpOrVideoPlay');
  16. pushRtmpOrVideoPlay.showTuiLiu({
  17. x : 0,
  18. y : 0,
  19. h : height,
  20. w : width,
  21. url : "rtmp://xxxxx.livepush.myqcloud.com/xxxxxxx"
  22. });
  23. //模拟点击开始
  24. pushRtmpOrVideoPlay.ClickTLButtonForId({
  25. "btnid" : "btnPlay"
  26. });
  27. //模拟再次点击停止推流
  28. pushRtmpOrVideoPlay.ClickTLButtonForId({
  29. "btnid" : "btnPlay"
  30. });

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

showPlayer

播放视频

showPlayer({params})

params

x:

  • 类型:数字
  • 描述:(可选项)
  • 默认值:0

y:

  • 类型:数字
  • 描述:(可选项)
  • 默认值:0

w:

  • 类型:数字
  • 描述:(可选项)
  • 默认值:屏幕宽度

h:

  • 类型:数字
  • 描述:(可选项)
  • 默认值:屏幕高度

url:

  • 类型:字符串
  • 描述:必填项,播放视频地址

示例代码

  1. var pushRtmpOrVideoPlay = api.require('pushRtmpOrVideoPlay');
  2. pushRtmpOrVideoPlay.showPlayer({
  3. x : 0,
  4. y : 0,
  5. url : "视频播放地址"
  6. });
  7. pushRtmpOrVideoPlay.ClickPlayButtonForId({
  8. "btnid" : "btnPlay"
  9. });

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

setPlaysButtonVisibe

设置播放界面按钮

setPlaysButtonVisibe();

params

btnid

  • 类型:字符串
  • 描述:界面的可见按钮ID, btnPlay 播放,playbtnbox 整个播放控制栏,play_progress 进度条,btnHWDecode 硬件解码,btnRenderMode 渲染方式,btnLog 日志,btnCacheStrategy 缓存设置,播放直播流时不可用

show

  • 类型:数字
  • 描述:按钮可见状态0为隐藏1为显示

示例代码

  1. var pushRtmpOrVideoPlay = api.require('pushRtmpOrVideoPlay');
  2. pushRtmpOrVideoPlay.setPlaysButtonVisibe({
  3. "btnid" : "btnLog",
  4. "show" : 1
  5. });

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

PlayStart

开始播放视频

PlayStart()

示例代码

  1. var pushRtmpOrVideoPlay = api.require('pushRtmpOrVideoPlay');
  2. pushRtmpOrVideoPlay.showPlayer({
  3. x : 0,
  4. y : 0,
  5. url : "视频播放地址"
  6. });
  7. pushRtmpOrVideoPlay.ClickPlayButtonForId({
  8. "btnid" : "btnPlay"
  9. });
  10. var pushRtmpOrVideoPlay = api.require('pushRtmpOrVideoPlay');
  11. pushRtmpOrVideoPlay.showPlayer({
  12. x : 0,
  13. y : 0,
  14. url : "视频播放地址"
  15. });
  16. pushRtmpOrVideoPlay.PlayStart()

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

PlayStop

停止播放视频

PlayStop()

示例代码

  1. var pushRtmpOrVideoPlay = api.require('pushRtmpOrVideoPlay');
  2. pushRtmpOrVideoPlay.showPlayer({
  3. x : 0,
  4. y : 0,
  5. url : "视频播放地址"
  6. });
  7. pushRtmpOrVideoPlay.ClickPlayButtonForId({
  8. "btnid" : "btnPlay"
  9. });
  10. pushRtmpOrVideoPlay.PlayStop();

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

ClickPlayButtonForId

模拟点击播放界面指定按钮

ClickPlayButtonForId({params})

params

btnid

  • 类型:字符串
  • 描述:界面的可见按钮ID, btnPlay 播放,btnCameraChange 摄像头切换,btnHWEncode 硬件解码,btnFaceBeauty 美颜,btnLog 日志,btnBitrate 码流,btnFlash 闪光灯

示例代码

  1. var pushRtmpOrVideoPlay = api.require('pushRtmpOrVideoPlay');
  2. pushRtmpOrVideoPlay.ClickPlayButtonForId({
  3. "btnid" : "btnLog"
  4. });

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本