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

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

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


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

    使用流程:
    1. 注册腾讯云平台
    2. 进行实名认证
    3. 开通直播服务
    4. 生成推流地址(

    <!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>
    复制代码
  • 相关阅读:
    SDN第二次上机作业
    SDN第二次作业
    SDN第一次上机作业
    个人作业-软件产品案例分析
    pandas之Series
    pandas简答介绍
    python爬取英文名
    python爬取动态网页
    python画树
    Python存储数据的方式
  • 原文地址:https://www.cnblogs.com/APICloud/p/10749742.html
Copyright © 2011-2022 走看看