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>
    复制代码
    
  • 相关阅读:
    Hadoop Ambari 安装
    hadoop 集群配置--增加减少新的机器不重启
    使用 XMPP 构建一个基于 web 的通知工具——转
    Hadoop 1.1.2 Eclipse 插件使用——异常解决
    UltraEdit中文乱码的解决方法
    Hadoop开发环境简介(转)
    Hadoop构成
    hadoop 1.2.1 eclipse 插件编译
    Python print 输出到控制台 丢数据
    社招面试总结
  • 原文地址:https://www.cnblogs.com/APICloud/p/11528362.html
Copyright © 2011-2022 走看看