txLive模块（直播类）试用分享

最新推荐文章于 2024-10-17 17:26:57 发布

转载最新推荐文章于 2024-10-17 17:26:57 发布 · 537 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://blog.51cto.com/9334358/2438358

文章标签：

#javascript #ViewUI

本文介绍如何使用腾讯云直播服务txLive模块，通过简单的步骤实现直播功能。包括腾讯云平台注册、实名认证、开通直播服务及生成推流地址等流程。txLive模块提供丰富的美颜功能和清晰度设置。

本文出自APICloud官方论坛，
感谢论坛版主uoaccw的分享。

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

使用流程：

注册腾讯云平台
进行实名认证
开通直播服务
生成推流地址（https://cloud.tencent.com/document/product/454/14551#URL）

代码：
<!DOCTYPE html>
<html>
<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</title>
<link rel="stylesheet" type="text/css" href="../css/api.css" />
<style>
      body {
         padding-top: 160px;
         height: 1000px;
      }
      .content {
         margin-top: 350px;
      }
      button {
         margin: 10px;
      }
</style>
</head>
<body>
<div class="content">
      <button tapmode type="button" onclick="openPusher()" name="button">openPusher</button>
      <button tapmode type="button" onclick="openPlayer()" name="button">openPlayer</button>
      <button tapmode type="button" onclick="setLiveBtnsVisibility()" name="button">setLiveBtnsVisibility</button>
</div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript">
apiready = function() {
};
function openPusher() {
      var txLive = api.require('txLive');
      txLive.openPusher({
         x: 0,
         y: 50,
         h: 350,
         w: api.winWidth,
         fixedOn: api.frameName,
         fixed: false,
         url: "" //填写腾讯云平台上生成的推流地址
      });
}
//播放接口，播放端使用
function openPlayer() {
      var txLive = api.require('txLive');
      txLive.openPlayer({
         x: 0,
         y: 0,
         url: "" //填写腾讯云平台上生成的播放地址
      });
}
function setLiveBtnsVisibility() {
      var txLive = api.require('txLive');
      txLive.setLiveBtnsVisibility({
         "btnid": "btnLog",
         "show": 0
      });
}
</script>
</html>
复制代码`