vlc的应用之六:简单的视频点播系统(B/S)的实现
原文地址:http://jeremiah.blog.51cto.com/539865/161433/
rtsp://172.16.128.8/<filename>
where <filename> is a file present in the current directory."
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script>
var itemId = 0;
function getVLC(name)
{
if (window.document[name])
{
return window.document[name];
}
if (navigator.appName.indexOf("Microsoft Internet")==-1)
{
if (document.embeds && document.embeds[name])
return document.embeds[name];
}
else
{
return document.getElementById(name);
}
}
function doGo(mrl)
{
var vlc = getVLC("vlc");
itemId=vlc.playlist.add(mrl);
vlc.playlist.playItem(itemId);
document.getElementById("btn_stop").disabled = false;
}
function updateVolume(deltaVol)
{
var vlc = getVLC("vlc");
vlc.audio.volume += deltaVol;
}
function doPlay()
{
vlc.playlist.playItem(itemId);
document.getElementById("btn_stop").disabled = false;
document.getElementById("btn_play").disabled = true;
}
function doStop()
{
getVLC("vlc").playlist.stop();
document.getElementById("btn_stop").disabled = true;
document.getElementById("btn_play").disabled = false;
}
</script>
</head>
<body>
<div style="margin: 50px">
<a title="rtsp://172.16.128.8/01.ts" href="#" onclick="doGo(this.title);return false;">01.ts</a>
<span style="margin: 20px;" />
<a title="rtsp://172.16.128.8/02.mp3" href="#" onclick="doGo(this.title);return false;">02.mp3</a>
<span style="margin: 20px;" />
</div>
<div>
<object classid="clsid:9be31822-fdad-461b-ad51-be1d1c159921"
width="640"
height="480"
id="vlc"
events="true">
<param name="mrl" value="" />
<param name="showdisplay" value="true" />
<param name="autoloop" value="false" />
<param name="autoplay" value="false" />
<param name="volume" value="50" />
<param name="starttime" value="0" />
<embed pluginspage="http://www.videolan.org"
type="application/x-vlc-plugin"
version="videolan.vlcplugin.2"
width="640"
height="480"
name="vlc">
</embed>
</object>
</div>
<div>
<input type=button id="btn_play" value=" 播放 " onClick='doPlay();' disabled="true">
<input type=button id="btn_stop" value="停止" onClick='doStop();' disabled="true">
<input type=button value="静音切换" onclick='getVLC("vlc").audio.togglemute();'>
<input type=button value="减小音量" onclick='updateVolume(-10)'>
<input type=button value="增加音量" onclick='updateVolume(+10)'>
</div>
</body>
</html>
rtsp://172.16.128.8/<filename>
where <filename> is a file present in the current directory."
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script>
var itemId = 0;
function getVLC(name)
{
if (window.document[name])
{
return window.document[name];
}
if (navigator.appName.indexOf("Microsoft Internet")==-1)
{
if (document.embeds && document.embeds[name])
return document.embeds[name];
}
else
{
return document.getElementById(name);
}
}
function doGo(mrl)
{
var vlc = getVLC("vlc");
itemId=vlc.playlist.add(mrl);
vlc.playlist.playItem(itemId);
document.getElementById("btn_stop").disabled = false;
}
function updateVolume(deltaVol)
{
var vlc = getVLC("vlc");
vlc.audio.volume += deltaVol;
}
function doPlay()
{
vlc.playlist.playItem(itemId);
document.getElementById("btn_stop").disabled = false;
document.getElementById("btn_play").disabled = true;
}
function doStop()
{
getVLC("vlc").playlist.stop();
document.getElementById("btn_stop").disabled = true;
document.getElementById("btn_play").disabled = false;
}
</script>
</head>
<body>
<div style="margin: 50px">
<a title="rtsp://172.16.128.8/01.ts" href="#" onclick="doGo(this.title);return false;">01.ts</a>
<span style="margin: 20px;" />
<a title="rtsp://172.16.128.8/02.mp3" href="#" onclick="doGo(this.title);return false;">02.mp3</a>
<span style="margin: 20px;" />
</div>
<div>
<object classid="clsid:9be31822-fdad-461b-ad51-be1d1c159921"
width="640"
height="480"
id="vlc"
events="true">
<param name="mrl" value="" />
<param name="showdisplay" value="true" />
<param name="autoloop" value="false" />
<param name="autoplay" value="false" />
<param name="volume" value="50" />
<param name="starttime" value="0" />
<embed pluginspage="http://www.videolan.org"
type="application/x-vlc-plugin"
version="videolan.vlcplugin.2"
width="640"
height="480"
name="vlc">
</embed>
</object>
</div>
<div>
<input type=button id="btn_play" value=" 播放 " onClick='doPlay();' disabled="true">
<input type=button id="btn_stop" value="停止" onClick='doStop();' disabled="true">
<input type=button value="静音切换" onclick='getVLC("vlc").audio.togglemute();'>
<input type=button value="减小音量" onclick='updateVolume(-10)'>
<input type=button value="增加音量" onclick='updateVolume(+10)'>
</div>
</body>
</html>
vlc的应用之六:简单的视频点播系统(B/S)的实现相关推荐
- 做一个音视频点播系统要多久?操作越简单越好
视频作为传播渠道有其天然优势,画面更生动.音视频齐全.用户体验和观看更高,也可以更直观的表达内容.而且随着互联网基础设施的快速发展,视频已经成为现代社会主要的表达方式了,各种视频教程.课程.娱乐等等都 ...
- 简单的VOD视频点播系统
项目描述:VOD视频点播系统是一个典型的c/s架构的系统.视频服务器通过网络向多个客户端提供视频点播服务.系统使用MFC框架搭建用户界面,使用skinMagic皮肤库实现界面美化.在服务器端使用ADO ...
- 如何实现一个c/s模式的flv视频点播系统
一.写在前面 视频点播,是一个曾经很热,现如今依然很热的一项视频服务技术.本人最近致力于研究将各种视频格式应用于点播系统中,现已研究成功FLV, F4V, MP4, TS格式的视频点播解决方案,完全支 ...
- 视频点播系统搭建有哪些可选方案?
个性化曾经是90后的代名词,而随着时间的推移,90后已成为整个社会的中流砥柱,也是消费的主流群体,所以现在越来越多的产品也在强调定制化.而视频作为现在主流的休闲方式,也产生了巨大的变化.从最初的电视直 ...
- 原生php开发cms,海洋cms视频内容管理系统v10.3 原生PHP代码+影视管理系统+视频点播系统+开源CMS...
源码类型:php源码 源码版本:20.11.4 最后更新:2020年11月4日19:32:28 源码说明: 海洋影视管理系统(seacms,海洋 cms)是一套专为不同需求的站长而设计的视频点播系统, ...
- VIEWGOOD(远古)供应校园网视频点播系统
系统概述 VIEWGOOD(远古)作为一家专业的流媒体供应商,经过长期的技术沉积和大量的实践的应用,通过对教育行业的关注与研发,提出了一套构建基于校园网的视频点播系统的解决方案. VIEWGOOD(远 ...
- 实现app直播商城源码,先从简单的直播系统开始
软硬件环境 ubuntu 16.04 Android Studio 2.1.3 OTT BOx with android 5.1.1 nginx 1.11.3 nginx-rtmp-module vi ...
- C#毕业设计——基于C#+asp.net+Access的视频点播系统设计与实现(毕业论文+程序源码)——视频点播系统
基于C#+asp.net+Access的视频点播系统设计与实现(毕业论文+程序源码) 大家好,今天给大家介绍基于C#+asp.net+Access的视频点播系统设计与实现,文章末尾附有本毕业设计的论文 ...
- C#毕业设计——基于C#+asp.net+sqlserver的视频点播系统设计与实现(毕业论文+程序源码)——视频点播系统
基于C#+asp.net+sqlserver的视频点播系统设计与实现(毕业论文+程序源码) 大家好,今天给大家介绍基于C#+asp.net+sqlserver的视频点播系统设计与实现,文章末尾附有本毕 ...
最新文章
- Python-100 练习题 01 列表推导式
- Spring Boot导出jar包发布
- [reference]-ARM Term术语汇总
- ie 不执行回调函时_「Excel VBA操作IE篇」10分钟内设置完成,3句代码打开IE浏览器
- html2canvas解决保存图片模糊问题
- Windows网络接口API函数
- 蓝桥杯 2011年第二届C语言初赛试题(4)
- APP引导页UI设计素材模板|轻松留下完美的第一印象
- java 8 foreach获取索引
- 配置RedisTemplate、JedisPoolConfig、JedisConnectionFactory+自定义序列化 (xml+java方式)+使用...
- python人脸对比相似度_相似度算法原理及python实现
- Ajax技术体系的组成部分
- TCP常用网络和木马使用端口对照表,常用和不常用端口一览表
- Vue模板挂载到页面源码简要解析
- 论文中的常见缩写(w.r.t/i.e./et al等)的意思
- linux怎样加载8188网卡,Linux安装无线网卡RTL8188CE驱动
- 7-24 猜数字游戏
- 华为薪资垫底,腾讯阿里被逆袭,第一竟然是…
- 【求整数 1-100 的累加值,但要求跳过所有个位数为3的数 】
- C语言学习5:机器数、真值、原码、反码和补码详解