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

相关推荐
CheungChunChiu9 分钟前
Linux 内核动态打印机制详解
android·linux·服务器·前端·ubuntu
Irene199142 分钟前
Vue 官方推荐:kebab-case(短横线命名法)
javascript·vue.js
GIS之路1 小时前
GDAL 创建矢量图层的两种方式
前端
2501_948195342 小时前
RN for OpenHarmony英雄联盟助手App实战:符文配置实现
javascript·react native·react.js
小目标一个亿2 小时前
Windows平台Nginx配置web账号密码验证
linux·前端·nginx
rocky1912 小时前
网页版时钟
前端·javascript·html
Aotman_2 小时前
Element-UI Message Box弹窗 使用$confirm方法自定义模版内容,修改默认样式
linux·运维·前端
计算机程序设计小李同学2 小时前
基于SSM框架的动画制作及分享网站设计
java·前端·后端·学习·ssm
一只小阿乐3 小时前
vue-web端实现图片懒加载的方
前端·javascript·vue.js
牛马1113 小时前
Flutter 多语言
前端·flutter