rtmp jwplayer简单应用

Posted 悠悠南山下

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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简单应用的主要内容，如果未能解决你的问题，请参考以下文章

JWPLAYER - 没有 RTMP 连接时如何不显示播放器

FlowPlayer、JWPlayer 和 HLS 流式传输

找到实际的 RTMP 流 URL？

如何使用 JW Player 播放 rtmp 流？

JW Player 从 S3 嵌入 RTMP

RTMP 流播放声音 1 秒，然后停止 - 根本没有视频