zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    如何设置PPT,演示者能看到备注而观众看不到
    面向对象的设计原则-类设计原则
    C#路径
    MyEclipse汉化
    XML
    C#读取Excel文件
    预处理指令
    c/c++有些函数之前有export
    动态内存
    模板
  • 原文地址:https://www.cnblogs.com/tla001/p/6390483.html
Copyright © 2011-2022 走看看