感谢论坛版主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>复制代码`