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

相关推荐
某公司摸鱼前端14 分钟前
uniapp socket 封装 (可拿去直接用)
前端·javascript·websocket·uni-app
要加油哦~16 分钟前
vue | 插件 | 移动文件的插件 —— move-file-cli 插件 的安装与使用
前端·javascript·vue.js
小林学习编程21 分钟前
Springboot + vue + uni-app小程序web端全套家具商场
前端·vue.js·spring boot
柳鲲鹏22 分钟前
WINDOWS最快布署WEB服务器:apache2
服务器·前端·windows
weixin-a153003083161 小时前
【playwright篇】教程(十七)[html元素知识]
java·前端·html
ai小鬼头2 小时前
AIStarter最新版怎么卸载AI项目?一键删除操作指南(附路径设置技巧)
前端·后端·github
wen's2 小时前
React Native 0.79.4 中 [RCTView setColor:] 崩溃问题完整解决方案
javascript·react native·react.js
一只叫煤球的猫2 小时前
普通程序员,从开发到管理岗,为什么我越升职越痛苦?
前端·后端·全栈
vvilkim3 小时前
Electron 自动更新机制详解:实现无缝应用升级
前端·javascript·electron
vvilkim3 小时前
Electron 应用中的内容安全策略 (CSP) 全面指南
前端·javascript·electron