背景
VLC控件原有接口是不支持录像的,且libVLC提供的接口库,不能获取录像文件完整名称(VLC-3.0.11 录制直播时有的无法保存视频的解决方法 - 1CM - 博客园);因此,非常的不友好。为了能够彻底解决这个问题,经过技术的攻关,在不修改vlc库的,不重新编译的条件下,实现视频录像功能。
allWebPlugin中间件是一款为用户提供安全、可靠、便捷的浏览器插件服务的中间件产品,致力于将浏览器插件重新应用到所有浏览器。它不仅可以实现ActiveX控件在现代浏览器上使用,而且集成也非常方便。
allWebPlugin中间件VLC专用版内部以包含VLC控件,只需安装一次allWebPlugin中间件,VLC控件不需注册,就可以在Web系统中应用VLC控件。
alWebPlugin中间件核心优势
1、自创定位算法,实现插件与页面布局无缝衔接,极致用户体验。
2、自创插件接口调用方法,保持原汁原味的接口调用及事件响应方式,轻松实现OA系统升级改造。
3、支持同一页面或不同页面同时加载多个插件,适应各种复杂应用场景。
4、自主创新、安全可控,不受浏览器插件技术限制,支持更多浏览器(谷歌、火狐、Edge、360浏览器等)。
5、创新沙箱机制,隔离插件与浏览器运行环境,增强插件与浏览器稳定性和安全性。
6、攻克诸多技术难点,实现插件不修改、不注册也能使用,极大的降低插件开发量和维护量。
准备工作
1、下载allWebPlugin中间件产品,具体如下:
百度网盘https://pan.baidu.com/s/1mMCgPHClUAeQUWogU3PXCQ?pwd=1234
录像接口介绍
在playlist对象下,增加startRecord及StopRecord接口,具体如下
bool startRecord(varFilePath)
接口说明:开始录像
参数说明:
varFilePath 字符串 录像文件存储路径
返 回 值:布尔型 表示录像是否成功。
string stopRecord()
接口说明:停止录像
参数说明:无
返 回 值:字符窜 表示录像文件完整路径。
录像接口调用如下:
function StartRecord(){
var playlist = vlcPlugin.playlist();
if(playlist){
playlist.startRecord("D:\\我的录像");
}
}
function StopRecord(){
var playlist = vlcPlugin.playlist();
if(playlist){
alert(playlist.stopRecord());
}
}

录像事件
为了更好的处理录像业务,VLC控件还新增了录像事件,具体如下:
function MediaPlayerStartRecord(varFilePath)
事件说明:当控件开始录像时,触发MediaPlayerStartRecord事件。
参数说明:
varFilePath 字符串 录像文件存储目录
function MediaPlayerStopRecord(strFileFullPath)
事件说明:当控件停止录像时,触发MediaPlayerStopRecord事件。
参数说明:
strFileFullPath 字符串 录像文件完整路径
录像事件简单实现如下:
<script language="javascript">
function MediaPlayerStartRecord(strFilePath){
//开始录像事件 strFilePath 录像文件目录
console.log("MediaPlayerStartRecord strFilePath = " + strFilePath);
}
function MediaPlayerStopRecord(strFileFullPath){
//结束录像事件 strFileFullPath 录像文件全路径
console.log("MediaPlayerStopRecord strFileFullPath = " + strFileFullPath);
}
</script>
以上详细代码,请查看VLC包vlc.html示例。


