关于 ActiveX

最近更新时间:2018-03-28 10:02:29

查看pdf

适用场景

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

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

ActiveX 的原理

ActiveX 插件的原理就是通过一种 IE 浏览器认可的方式,为您的网页增加一些新的 object 对象,这些 object 对象在原生的浏览器上是不支持的,所以当您的页面在使用到这些 object 对象是,IE 浏览器会弹出提示窗口,提示用户是否安装 ActiveX 插件,当用户点击安装之后,新的 object 能力就随着插件的安装,装载到了您的页面当中。

目前所说的 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

CAB获取

您可以从腾讯云官网 SDK 下载 中获取目前最新的 ActiveX 插件,下载完的 zip 包解压后有以下几个部分:

文件名 详情
demo demo包含调用sdk/LiteAVAX.cab的html和js源码,可以直接参考如何使用activex插件开发音视频,目前支持的demo有推拉流、双人视频、多人视频、直播模式等,体验demo
sdk ActiveX插件是LiteAVAX.cab,带在html和js资源包里面,version指明当前插件版本号。
docment 详细的接入文档

示例代码

ActiveX 插件中的 pusher 和 player 对象可以通过 <object> 标签来使用,如下是一段示例代码:

<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<TITLE> ActiveX 插件测试代码</TITLE>
<script type="text/javascript" src="pusher_player.js" charset="utf-8"></script>
</HEAD>
<BODY>
  推流地址:
  <input size="90" id="URLInputField" value="">
  <input type=submit value="测试推流" onClick="doStartPush(document.getElementById('URLInputField').value);">
  <br/>
  <!--Warning::直接拷贝代码需要修改LiteAVAX.cab路径和版本号-->
  <object ID="pusher" CLASSID="CLSID:01502AEB-675D-4744-8C84-9363788ED6D6"
                        codebase="./LiteAVAX.cab#version=1,2,0,0"
                        width="640"
                        height="480">
  </object>
  <script>
      function doStartPush(targetURL) {
            pusher.startPush(targetURL);
      }
  </script>
</BODY>
</HTML>

插件部署

将上述示例代码,另存为 demo.html 文件,放在您的服务器上,并将 LiteAVAX.cab 拷贝到某一个目录下即可(上述示例代码中, LiteAVAX.cab 跟 demo.html 位于同一目录)。

测试效果

IE 浏览器上运行 demo.html,检测是否插好 USB 摄像头,输入 推流URL,点击 “测试推流” 按钮即可:

插件升级

Zip 包解压后,文件夹命名LiteAV_AX_SDK2.2.1.0,2,2,1,0这个是 ActiveX 插件的版本号,这个版本号要在网页的代码"./LiteAVAX.cab#version=1,2,0,0"中明确对齐指定,否则插件加载会出错。

由于腾讯云团队会不断地改进插件,使其支持更好的功能和效果,那么当您拿到新版本的 cab 之后,怎么升级呢?

  • 将新版本的 LiteAVAX.cab 文件替换您服务器上的旧版本的 LiteAVAX.cab 文件。
  • 用新的版本号(1,2,1,0)更新 codebase 中的旧版本号。新的插件版本号必须比旧的插件版本号要大。

如果有其他疑问,您也可以在问答社区中寻求帮助。前往问答社区 >