jwplayer做点播
2015-09-07 14:28
218 查看
jwplayer是一个常见的网页播放器,WEB服务器搭建后,修改html,即可在客户端点播。
基于RTMP协议播录像
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Sample Player JWPlayer</title>
<script type='text/javascript' src='/jwplayer/jwplayer.js'></script>
</head>
<body>
<h1>Sample Player JWPlayer</h1>
<div id='myElement'>This text will be replaced</div>
<script type='text/javascript'>
jwplayer('myElement').setup({
'flashplayer': '/jwplayer/player.swf',
levels:[
{file:"test.flv"}
],
provider: "rtmp",
streamer: "rtmp://172.16.200.60/live",
'controlbar': 'bottom',
'width': '640',
'height': '360'
});
</script>
</body>
</html>
基于HTTP协议播录像
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Sample Player JWPlayer</title>
<script type='text/javascript' src='/jwplayer/jwplayer.js'></script>
</head>
<body>
<h1>Sample Player JWPlayer</h1>
<div id='myElement'>This text will be replaced</div>
<script type='text/javascript'>
jwplayer('myElement').setup({
'flashplayer': '/jwplayer/player.swf',
'file': 'http://172.16.200.60/hls/test.flv',
'controlbar': 'bottom',
'width': '640',
'height': '360'
});
</script>
</body>
</html>
基于HTTP协议做直播
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Sample Player JWPlayer</title>
<script type='text/javascript' src='/jwplayer/jwplayer.js'></script>
</head>
<body>
<h1>Sample Player JWPlayer</h1>
<div id='myElement'>This text will be replaced</div>
<script type='text/javascript'>
jwplayer('myElement').setup({
'flashplayer': '/jwplayer/player.swf',
levels:[
{file:"com"}
],
provider: "rtmp",
streamer: "rtmp://172.16.200.60/live",
'controlbar': 'bottom',
'width': '640',
'height': '360'
});
</script>
</body>
</html>
基于RTMP协议播录像
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Sample Player JWPlayer</title>
<script type='text/javascript' src='/jwplayer/jwplayer.js'></script>
</head>
<body>
<h1>Sample Player JWPlayer</h1>
<div id='myElement'>This text will be replaced</div>
<script type='text/javascript'>
jwplayer('myElement').setup({
'flashplayer': '/jwplayer/player.swf',
levels:[
{file:"test.flv"}
],
provider: "rtmp",
streamer: "rtmp://172.16.200.60/live",
'controlbar': 'bottom',
'width': '640',
'height': '360'
});
</script>
</body>
</html>
基于HTTP协议播录像
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Sample Player JWPlayer</title>
<script type='text/javascript' src='/jwplayer/jwplayer.js'></script>
</head>
<body>
<h1>Sample Player JWPlayer</h1>
<div id='myElement'>This text will be replaced</div>
<script type='text/javascript'>
jwplayer('myElement').setup({
'flashplayer': '/jwplayer/player.swf',
'file': 'http://172.16.200.60/hls/test.flv',
'controlbar': 'bottom',
'width': '640',
'height': '360'
});
</script>
</body>
</html>
基于HTTP协议做直播
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Sample Player JWPlayer</title>
<script type='text/javascript' src='/jwplayer/jwplayer.js'></script>
</head>
<body>
<h1>Sample Player JWPlayer</h1>
<div id='myElement'>This text will be replaced</div>
<script type='text/javascript'>
jwplayer('myElement').setup({
'flashplayer': '/jwplayer/player.swf',
levels:[
{file:"com"}
],
provider: "rtmp",
streamer: "rtmp://172.16.200.60/live",
'controlbar': 'bottom',
'width': '640',
'height': '360'
});
</script>
</body>
</html>
相关文章推荐
- TCP/IP 相关总结
- memcached-tool 工具
- ThinkPHP使用公共语言包
- 输入框正则表达式验证
- anquan123
- 播放音效 iOS
- Linux VDA安装手册
- 图解SVN服务器搭建和使用(一)
- 如何查看RAC中spfile在何位置
- 关于用户密码的简单加密(DES+MD5)与复杂加密(自己想的)
- 正则表达式符号
- 递归方式输出n位格雷码
- 初探swift语言的学习笔记二(可选类型?和隐式可选类型!)
- Web 服务器被配置为不列出此目录的内容
- ubuntu切换到root用户
- COCOS2D-X 多分辨率适配完全解析
- IOS 中的常量const
- 欢迎使用CSDN-markdown编辑器
- 【软考之路】——J2SE学习总结
- C#实现 word、pdf、ppt 转为图片