• 腾讯云多人直播开发第一天,基于IE游览器的ActiveX开发


    适用场景

    IE浏览器适用于 ToB 场景,比如 企业客服 和 在线教育 等,这些场景都有一个共同特点,操作者可以接受统一的培训和要求使用 IE 浏览器,而不像 ToC 场景那样面对各类挑剔的用户。

    在 Web 页面上要做到体验和性能俱佳的音视频功能,并不是一件容易的事情,HTML5 提供的 <video> 标签能力太弱,WebRTC 目前的浏览器支持程度、定制能力(比如不能做美颜)都不是很乐观,所以 IE 浏览器的 ActiveX 插件技术依然是在 ToB 的一些垂直场景下比较受欢迎的技术。

    目前所说的 ActiveX 插件,主要为你您的 IE浏览器增加两个非常有用的对象: pusher 和 player 。

    对象CLSID功能说明
    pusher 01502AEB-675D-4744-8C84-9363788ED6D6 推流,也叫音视频上行,包括采集、编码 和 传输
    player 99DD15EF-B353-4E47-9BE7-7DB4BC13613C 播放,也叫音视频下行,包括下载、缓冲、解码和播放

    环境要求

    Windows 7 及以上版本

    Internet Explorer 10、Internet Explorer 11

    官方Demo 1 <HTML>

     2 <HEAD>
     3 <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
     4 <TITLE> ActiveX 插件测试代码</TITLE>
     5 <script type="text/javascript" src="pusher_player.js" charset="utf-8"></script>
     6 </HEAD>
     7 <BODY>
     8   推流地址:
     9   <input size="90" id="URLInputField" value="">
    10   <input type=submit value="测试推流" onClick="doStartPush(document.getElementById('URLInputField').value);">
    11   <br/>
    12   <!--Warning::直接拷贝代码需要修改LiteAVAX.cab路径和版本号-->
    13   <object ID="pusher" CLASSID="CLSID:01502AEB-675D-4744-8C84-9363788ED6D6"
    14                         codebase="./LiteAVAX.cab#version=1,2,0,0"
    15                         width="640"
    16                         height="480">
    17   </object>
    18   <script>
          这里强烈注意,官方省略了获取dom对象,
          var pusher=document.getElementById('pusher');
    19 function doStartPush(targetURL) { 20 pusher.startPush(targetURL); 21 } 22 </script> 23 </BODY> 24 </HTML>

     bug集锦

    bug1:视频区域出现白死边框

    解决办法,设置ie游览器的缩放为100%即可(官方给的方案)

  • 相关阅读:
    小程序 图片和文字放在一行对齐的方法
    Linux下Redis安装使用教程
    关系型数据库和非关系型数据库的区别
    微信小程序scroll-view 横向和纵向scroll-view组件
    ThinkPHP5.0手把手实现手机阿里云短信验证
    极验(Geetest) Laravel 5 集成开发包,让验证更安全
    (进阶篇)PHP(thinkphp5框架)实现用户注册后邮箱验证,激活帐号
    详解PhpSpreadsheet设置单元格
    使用PhpSpreadsheet将Excel导入到MySQL数据库
    【JZOJ4783】【NOIP2016提高A组模拟9.15】Osu
  • 原文地址:https://www.cnblogs.com/bluesky1024/p/8781307.html
Copyright © 2020-2023  润新知