zoukankan      html  css  js  c++  java
  • txLive模块(直播类)试用分享

    本文出自APICloud官方论坛,

    感谢论坛版uoaccw分享。

    txLive 模块封装了腾讯云直播服务

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

    使用流程:
    1. 注册腾讯云平台
    2. 进行实名认证
    3. 开通直播服务
    4. 生成推流地址(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>
    复制代码
    
  • 相关阅读:
    tableView操作数据持久化
    9.0banb以前和9.0以后版本后JSON解析
    数据持久化存储回顾
    解决Xcode会出现的问题
    iview-cli 项目、iView admin 代理与跨域问题解决方案
    将变量做为一个对象的key,push新增进一个数组
    页面加载速度优化的建议
    vue中渲染页面,动态设置颜色
    e.currentTarget与e.target
    iview中tree的事件运用
  • 原文地址:https://www.cnblogs.com/APICloud/p/11528362.html
Copyright © 2011-2022 走看看