HTML中实现VLC播放器并对播放器进行控制

由于在项目中，涉及到对C#中WebBrowser控件的应用，要求是在WebBrowser中嵌入一个带有视频的HTML网页。WebBrowser在C#中默认的是IE浏览器，且版本比较低，因此要对该控件进行加载HTML网页，需要在IE较低版本下进行操作。本次主要是描述HTML中VLC视频播放器如何实现的，以及对VLC播放器实现屏幕放大，视频播放，视频暂停，音量控制，截图功能（实现过程比较复杂，此处没有给出，后序博客会给出截图实现过程）；同时，也会给出WebBrowser如何加载HTML文件。完整的代码链接：http://download.csdn.net/detail/qq_30507287/9557230

首先是布局HTML页面：布局样式如下所示（我的布局比较简单）：

然后是在对应的区域“menuleft"中嵌入VLC播放器，要适合IE的播放器。其代码如下：

接下来是在播放列表中添加要播放的视频源，主要代码是：

var vlc=document.getElementById("vlc1_IE");
var id=vlc.playlist.add("视频源");
vlc.playlist.playItem(id);
vlc.playlist.stop();

控制视频”播放“和”暂停“的主要方法是onPause()和onPlay()。

控制视频的放大功能是将视频分为四部分，当点击”LT“按钮时，放大的是左上角的部分，调用的方法是ScreenLeftTop()。同理还有ScreenRightTop()、ScreenLeftBottom()、ScreenRightBottom()方法。它们的实现如下：

function ScreenLeftTop()
{
var cropval = vlc.video.width/2 + "x" + vlc.video.height/2 + "+0+0" ;
vlc.video.crop = cropval;
}

function ScreenRightTop()
{
var cropval = vlc.video.width + "x" + vlc.video.height/2 + "+" + vlc.video.width/2 +"+0" ;
vlc.video.crop = cropval;
}

function ScreenLeftBottom()
{
var cropval= vlc.video.width/2 + "x" + vlc.video.height + "+0+" + vlc.video.height/2 ;
vlc.video.crop = cropval;
}

function ScreenRightBottom()
{
var cropval= vlc.video.width + "x" + vlc.video.height + "+" + vlc.video.width/2 + "+" + vlc.video.height/2 ;
vlc.video.crop = cropval;
}

这样就完成了，文章开的基本要求。完整的代码链接：http://download.csdn.net/detail/qq_30507287/9557230

下面是实现C#中的WebBrowser如何读取”XXX.html"文件，首先在类的外部添加下面一句话

//将该类设置为COM可访问
[System.Runtime.InteropServices.ComVisibleAttribute(true)]

然后再，初始化窗体之后添加如下代码。

//要添加的网页对象
System.IO.FileInfo file = new System.IO.FileInfo("XXX.html");
this.webBrowser1.Url = new Uri(file.FullName);
this.webBrowser1.ObjectForScripting = this;

HTML中实现VLC播放器并对播放器进行控制相关推荐

手把手教你如何在WPF中应用VLC播放器
WPF中应用VLC播放器 *1. 在WPF的"引用:中点击右键,选择管理NuGet程序包,输入vlc,安装VLC.DOtNet.Wpf包 *2.在VLC官网下载VLC播放器,注意你的项目是3 ...
WPF中应用VLC播放器
WPF中应用VLC播放器文章目录 WPF中应用VLC播放器 1. 安装VLC.DOtNet.Wpf包 2.程序中使用 3.源代码 4.VLC GitHub源代码 1. 安装VLC.DOtNet.Wp ...
vlc插件怎么用 wpf_VLC播放器在WPF中的使用
一.在VLC官网下载最新的VLC播放器,然后安装.安装后在安装文件目录中把文件VideoLAN\VLC\拷贝到项目中. \VLC文件夹中包括\plugins文件夹.axvlc.dll.libvlc.d ...
8K播放网络全终端播放器H5播放器网页直播/点播播放器EasyPlayer和vlc播放RTSP流地址不兼容问题排查解决
背景介绍 EasyPlayer实现了对遵循标准流媒体码流协议进行实时播放以及码流录制,在流的播放速度以及画质的解码显示上均做了大量深度的优化.支持Windows(支持多窗口.包含ActiveX,npA ...
js调用vlc_web网页中使用vlc插件播放相机rtsp流视频
可参考: vlc功能还是很强大的,有很多的现成的二次开发接口,不需配置太多即可轻松做客户端播放器或web网页播放器. 下面代码是web网页中使用vlc插件播放相机rtsp流视频: 注意: 需提前在打开 ...
vlc 安卓版开发_VLC播放器Android版下载
在经过几年的艰难开发之后,VideoLAN开发团队终于在近日发布了他们广受好评的VLC视频播放器的安卓版本,并正式登陆谷歌Play商店.只要用户使用的是新的ARMv7安卓设备,就可以从谷歌商店下载这款 ...
Wpf开发VLC播放器（万能播放器）
一.在VLC官网下载最新的VLC播放器,然后安装,安装后在安装文件目录中分别把文件VideoLAN\VLC\和VideoLAN\VLC\plugins\拷贝到项目中. \VLC文件夹中包括\plugi ...
在浏览器中使用VLC插件实现播放RTSP流视频
在浏览器中使用VLC插件实现播放RTSP流视频一.安装VLC插件二.编写测试html文件三.生成一个测试用RTSP流视频四.在浏览器中播放RTSP流视频五.VLC插件知识扩展 1.VLC插件 ...
22_Android中的本地音乐播放器和网络音乐播放器的编写，本地视频播放器和网络视频播放器，照相机案例，偷拍案例实现
1 编写以下案例: 当点击了"播放"之后,在手机上的/mnt/sdcard2/natural.mp3就会播放. 2 编写布局文件activity_main.xml <Line ...

HTML中实现VLC播放器并对播放器进行控制

HTML中实现VLC播放器并对播放器进行控制相关推荐

最新文章

热门文章