请选择 进入手机版 | 继续访问电脑版
帖子
帖子
用户
博客
课程
12下一页
返回列表 发新帖
显示全部楼层
67
帖子
0
勋章
974
Y币

txLive模块(直播类)试用分享

[复制链接]
发表于 2018-8-24 20:28:27
txLive 模块封装了腾讯云直播服务
https://docs.apicloud.com/Client-API/Open-SDK/txLive
经过试用,这个模块堪称最简单最快速能使用起来的直播模块。
界面上的按钮,根据自己的需要,可以显示和隐藏。带有各种美颜功能(美白、瘦脸、V形脸)。推流的码率和清晰度可以设置。

使用流程:
1. 注册腾讯云平台
2. 进行实名认证
3. 开通直播服务
4. 生成推流地址(https://cloud**.**/document/product/454/14551#URL




推流界面截图:



  1. <!DOCTYPE html>
  2. <html>

  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
  6.     <title>title</title>
  7.     <link rel="stylesheet" type="text/css" href="../css/api.css" />
  8.     <style>
  9.         body {
  10.             padding-top: 160px;
  11.             height: 1000px;
  12.         }

  13.         .content {
  14.             margin-top: 350px;
  15.         }

  16.         button {
  17.             margin: 10px;
  18.         }
  19.     </style>
  20. </head>

  21. <body>
  22.     <div class="content">
  23.         <button tapmode type="button" onclick="openPusher()" name="button">openPusher</button>
  24.         <button tapmode type="button" onclick="openPlayer()" name="button">openPlayer</button>
  25.         <button tapmode type="button" onclick="setLiveBtnsVisibility()" name="button">setLiveBtnsVisibility</button>
  26.     </div>
  27. </body>
  28. <script type="text/javascript" src="../script/api.js"></script>
  29. <script type="text/javascript">
  30.     apiready = function() {

  31.     };

  32.     function openPusher() {
  33.         var txLive = api.require('txLive');
  34.         txLive.openPusher({
  35.             x: 0,
  36.             y: 50,
  37.             h: 350,
  38.             w: api.winWidth,
  39.             fixedOn: api.frameName,
  40.             fixed: false,
  41.             url: ""   //填写腾讯云平台上生成的推流地址
  42.         });
  43.     }

  44. //播放接口,播放端使用
  45.     function openPlayer() {
  46.         var txLive = api.require('txLive');
  47.         txLive.openPlayer({
  48.             x: 0,
  49.             y: 0,
  50.             url: ""    //填写腾讯云平台上生成的播放地址
  51.         });
  52.     }

  53.     function setLiveBtnsVisibility() {
  54.         var txLive = api.require('txLive');
  55.         txLive.setLiveBtnsVisibility({
  56.             "btnid": "btnLog",
  57.             "show": 0
  58.         });
  59.     }
  60. </script>

  61. </html>
复制代码




本帖子中包含更多资源,您需要 登录 才可以下载或查看,没有帐号?立即注册

X
2
帖子
0
勋章
13
Y币
多个拉流     怎么切换视频 直接换rtmp的Url?
37
帖子
0
勋章
491
Y币
亲, 那怎么知道主播已经下播了呢?
16
帖子
0
勋章
79
Y币
拉流的时候 如何实现打开一个frm 要实现聊天 礼物等功能
90
帖子
0
勋章
423
Y币
看不到代码
11
帖子
0
勋章
41
Y币
美颜滤镜效果不好 跟腾讯云官方demo差太多 什么时候可以更新下插件
124
帖子
1
勋章
7188
Y币
请问怎么只用语音,而不要视频
1
帖子
1
勋章
6952
Y币
本帖最后由 小小刀 于 2020-5-20 15:35 编辑

1:安卓,推流不能用,拉流是可以的;摄像头切换功能不好使                       2:能否把腾讯云直播的API功能给开放出来,比如切换摄像头、美颜等常用的,这样的话就可以自定义样式,自由度比较高,毕竟UI不可能跟模块的样式一致                    



171
帖子
3
勋章
2612
Y币
PK直播怎么实现?没有思路。
0
帖子
0
勋章
2612
Y币
请详细说明功能啊!!!
12下一页
您需要登录后才可以回帖 登录

本版积分规则