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

相关推荐
Jinuss21 分钟前
Vue3源码reactivity响应式篇之computed计算属性
前端·vue3
落日沉溺于海21 分钟前
React From表单使用Formik和yup进行校验
开发语言·前端·javascript
知识分享小能手22 分钟前
React学习教程,从入门到精通, React 新创建组件语法知识点及案例代码(11)
前端·javascript·学习·react.js·架构·前端框架·react
会豪25 分钟前
工业仿真(simulation)--前端(五)--标尺,刻度尺
前端
会豪27 分钟前
工业仿真(simulation)--前端(四)--画布编辑(2)
前端
an__ya__29 分钟前
Vue数据响应式reactive
前端·javascript·vue.js
苦逼的搬砖工32 分钟前
Flutter UI Components:闲来无事,设计整理了这几年来使用的UI组件库
前端·flutter
想买Rolex和Supra的凯美瑞车主34 分钟前
Taro + Vite 开发中 fs.allow 配置问题分析与解决
前端
ruanCat35 分钟前
使用 vite 的 base 命令行参数来解决项目部署在 github page 的路径问题
前端·github
Codebee40 分钟前
使用Qoder 改造前端UI/UE升级改造实践:从传统界面到现代化体验的华丽蜕变
前端·人工智能