首页 > 代码库 > rtmp jwplayer简单应用
rtmp jwplayer简单应用
在nginx下使用,放到nginx/html文件夹内,之后访问
首先是播放vod视频
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>RTMP Sample Player JWPlayer i</title> <script type=‘text/javascript‘ src=‘jwplayer.js‘></script> </head> <body align="center"> <h1>RTMP Sample Player JWPlayeri v1.0</h1> <div align="center"> <div id=‘mediaspace‘>This text will be replaced</div> <script type=‘text/javascript‘> jwplayer(‘mediaspace‘).setup({ ‘flashplayer‘: ‘player.swf‘, ‘file‘: ‘test.mp4‘, ‘streamer‘: ‘rtmp://live.tla001.cn/vod‘, ‘controlbar‘: ‘bottom‘, ‘height‘: ‘360‘, ‘width‘:"640" }); </script> </div> </body> </html>
然后是播放rtmp直播流
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>RTMP Sample Player JWPlayer i</title> <script type=‘text/javascript‘ src=‘jwplayer.js‘></script> </head> <body align="center"> <h1>RTMP Sample Player JWPlayer v1.0</h1> <div align="center"> <div id=‘mediaspace‘>This text will be replaced</div> <script type=‘text/javascript‘> jwplayer(‘mediaspace‘).setup({ ‘flashplayer‘: ‘player.swf‘, ‘file‘: ‘test1‘, ‘streamer‘: ‘rtmp://live.tla001.cn/live‘, ‘controlbar‘: ‘bottom‘, ‘height‘: ‘360‘, ‘width‘:"640" }); </script> </div> </body> </html>
效果
附件
jwplayer
rtmp jwplayer简单应用
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。