zoukankan      html  css  js  c++  java
  • APICloud开发者进阶之路 | txLive模块(直播类)试用分享

    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>
    复制代码
  • 相关阅读:
    解决NLPIR汉语分词系统init failed问题
    牛客小白月赛3---G 旅游(树形dp)
    蓝桥杯 能量项链 (区间dp)
    OpenJ_Bailian
    LeetCode#169 Majority Element
    LeetCode#171 Excel Sheet Column Number
    LeetCode#172 Factorial Trailing Zeroes
    this指针
    auto、register、extern以及static
    const与static
  • 原文地址:https://www.cnblogs.com/APICloud/p/13204392.html
Copyright © 2011-2022 走看看