在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>
效果
附件
时间: 2024-10-25 08:41:38