您好,登錄后才能下訂單哦!
本文出自APICloud官方論壇,
感謝論壇版主uoaccw的分享。
txLive 模塊封裝了騰訊云直播服務
https://docs.apicloud.com/Client-API/Open-SDK/txLive
經過試用,這個模塊堪稱最簡單最快速能使用起來的直播模塊。
界面上的按鈕,根據自己的需要,可以顯示和隱藏。帶有各種美顏功能(美白、瘦臉、V形臉)。推流的碼率和清晰度可以設置。
使用流程:
代碼:
<!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>
復制代碼`
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。