allWebPlugin中间件VLC专用版之录像功能介绍

背景

VLC控件原有接口是不支持录像的,且libVLC提供的接口库,不能获取录像文件完整名称( VLC-3.0.11 录制直播时有的无法保存视频的解决方法 - 1CM - 博客园);因此,非常的不友好。为了能够彻底解决这个问题,经过技术的攻关,在不修改vlc库的,不重新编译的条件下,实现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()

**接口说明:**停止录像

**参数说明:**无

**返 回 值:**字符窜 表示录像文件完整路径。

录像接口调用如下:

javascript 复制代码
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 字符串 录像文件完整路径

录像事件简单实现如下:

javascript 复制代码
 <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示例。
原生vlc核心库 原生vlc库 本人维护的vlc控件

相关推荐
excel32 分钟前
Vue3 中的双向链表依赖管理详解与示例
前端
谢尔登33 分钟前
【Nest】基本概念
javascript·node.js·express
前端小白从0开始1 小时前
Chrome DevTools高级用法:性能面板内存泄漏排查
前端·chrome·chrome devtools
EveryPossible1 小时前
带有渐变光晕
前端·javascript·css
jojo是只猫1 小时前
Vue 3 开发的 HLS 视频流播放组件+异常处理
前端·javascript·vue.js
卓码软件测评2 小时前
第三方软件登记测试机构:【软件登记测试机构HTML5测试技术】
前端·功能测试·测试工具·html·测试用例·html5
CS Beginner2 小时前
【html】canvas实现一个时钟
前端·html
林烈涛2 小时前
js判断变量是数组还是对象
开发语言·前端·javascript
野熊佩骑2 小时前
一文读懂Redis之数据持久化
linux·运维·数据库·redis·缓存·中间件·centos
Komorebi_99993 小时前
Unocss
开发语言·前端