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控件

相关推荐
索西引擎6 分钟前
【React】key 属性:协调算法中的元素标识机制与最佳实践
前端·javascript·react.js
只会cv的前端攻城狮33 分钟前
动态组件架构设计:从配置到事件驱动全链路解析
前端·vue.js
飞天狗35 分钟前
Next.js 16 App Router 实战:服务端组件与流式渲染
前端·next.js
OpenTiny社区39 分钟前
TinyEngine 2.11版本发布:AI 进一步融入画布,Vue 工程可一键转DSL
前端·vue.js·github
小雪_Snow1 小时前
JavaScript 中的三种常用事件
开发语言·前端·javascript
Hyyy1 小时前
Electron-Vite是什么,和Vite有什么区别
前端·面试
蓝胖子酱1 小时前
在 Electron 中用 electron-store 实现加密存储与自定义格式文件
前端·javascript·数据库
虚焦像素_1 小时前
海康 Web 插件版接入指南:用法与注意事项
前端
虚焦像素_1 小时前
海康 Web 无插件版接入指南:用法与注意事项
前端
To_OC2 小时前
LC 22 括号生成:刷完这道题,我终于搞懂回溯剪枝了
javascript·算法·leetcode