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

时间: 2024-10-25 08:41:38

rtmp jwplayer简单应用的相关文章

调试libRTMP代码来分析RTMP协议

RTMP是Real Time Messaging Protocol(实时消息传输协议)的首字母缩写.该协议基于TCP,是一个协议族,常用在视频直播领域.RTMP协议的默认端口是1935. 学习一个协议最好的方法就是调试其通信过程,期间还可以使用wireshark抓包分析.本人在libRTMP的基础上添加了推流部分,并且使得整个过程变得可调试,学习其协议就变得简单多了.配置好的VS2010可调试的libRTMP工程:https://github.com/jiayayao/librtmp.该工程可以

SRS+flv.js打造兼容性较高的直播、点播平台

1.公司之前用的是: 直播:rtmp+jwplayer 点播:h5(mp4文件) 弊端:兼容性差,貌似跟系统版本,浏览器,浏览器版本都有关.还有就是rtmp推流生成的文件是flv格式,需要转码成mp4才能点播. 2.SRS+flv.js的优点: 当然是兼容性大大提高了,在pc端谷歌,火狐都可以播放,手机端火狐可以,谷歌不行,其他没测. 3.上图,看看效果: 样式什么的没添加,官方的demon 直接copy过来. 4.flv.js下载,构建: Github:https://github.com/B

转:RTMPDump源代码分析

0: 主要函数调用分析 rtmpdump 是一个用来处理 RTMP 流媒体的开源工具包,支持 rtmp://, rtmpt://, rtmpe://, rtmpte://, and rtmps://.也提供 Android 版本. 最近研究了一下它内部函数调用的关系. 下面列出几个主要的函数的调用关系. RTMPDump用于下载RTMP流媒体的函数Download: 用于建立网络连接(NetConnect)的函数Connect: 用于建立网络流(NetStream)的函数 rtmpdump源代码

[总结]视音频技术零基础学习方法

一直想把视音频编解码技术做一个简单的总结,可是苦于时间不充裕,一直没能完成.今天有着很大的空闲,终于可以总结一个有关视音频技术的入门教程,可以方便更多的人学习从零开始学习视音频技术.需要注意的是,本文所说的视音频技术,指的是理论层面的视音频技术,并不涉及到编程相关的东西. 0.     生活中的视音频技术 平时我们打开电脑中自己存电影的目录的话,一般都会如下图所示,一大堆五花八门的电影.(其实专业的影视爱好者一概会把影视文件分门别类的,但我比较懒,一股脑把电影放在了一起) 因为下载的来源不同,这

[总结]视音频编解码技术零基础学习方法

一直想把视音频编解码技术做一个简单的总结,可是苦于时间不充裕,一直没能完成.今天有着很大的空闲,终于可以总结一个有关视音频技术的入门教程,可以方便更多的人学习从零开始学习视音频技术.需要注意的是,本文所说的视音频技术,指的是理论层面的视音频技术,并不涉及到编程相关的东西. 0.     生活中的视音频技术 平时我们打开电脑中自己存电影的目录的话,一般都会如下图所示,一大堆五花八门的电影.(其实专业的影视爱好者一概会把影视文件分门别类的,但我比较懒,一股脑把电影放在了一起) 因为下载的来源不同,这

最简单的基于Flash的流媒体示例:RTMP推送和接收(ActionScript)

本文记录一些基于Flash的流媒体处理的例子.Flash平台最常见的流媒体协议是RTMP.此前记录的一些基于C/C++的RTMP播放器/推流器,但是没有记录过基于Flash中的ActionScript的RTMP播放器/推流器.其实基于Flash的RTMP播放器/推流器才能算得上是RTMP技术中的"正规军".RTMP本身设计出来就是用于Flash平台之间通信的,而且RTMP最大的优势--"无插件直播",也是得益于广泛安装在客户端的Flash Player.因此本文分别

最简单的基于Flash的流媒体示例:网页播放器(HTTP,RTMP,HLS)

本文继续上一篇文章,记录一些基于Flash的流媒体处理的例子.本文记录一些基于Flash技术的网页播放器.基于Flash的网页播放器相比于其他网页播放器来说最大的优势就是"免插件安装"了,这一点可以很大的提高用户的体验质量.早些时候网络视频(尤其是直播)一般都使用ActiveX控件作为视频播放器,而这些控件并不普及,所以终端用户必须下载相关的插件才能收看节目,因而对很多不熟悉电脑的用户造成了很大的障碍.直到Flash网页播放器的出现,这一障碍才得到了解决.本文将会记录几个常用的网页播放

最简单的基于FFmpeg的推流器(以推送RTMP为例)

本文记录一个最简单的基于FFmpeg的推流器(simplest ffmpeg streamer).推流器的作用就是将本地的视频数据推送至流媒体服务器.本文记录的推流器,可以将本地的 MOV / AVI / MKV / MP4 / FLV 等格式的媒体文件,通过流媒体协议(例如RTMP,HTTP,UDP,TCP,RTP等等)以直播流的形式推送出去.由于流媒体协议种类繁多,不一一记录.在这里记录将本地文件以RTMP直播流的形式推送至RTMP流媒体服务器(例如 Flash Media Server,R

最简单的基于librtmp的示例:发布H.264(H.264通过RTMP发布)

本文记录一个基于libRTMP的发布H.264码流的程序.该程序可以将H.264数据发布到RTMP流媒体服务器.目前这个例子还不是很稳定,下一步还有待修改. 本程序使用回调函数作为输入,通过自定义的回调函数,可以发送本地的文件或者内存中的数据. 函数调用结构图 本程序的函数调用结构图如下所示. 整个程序包含3个接口函数:RTMP264_Connect():建立RTMP连接.RTMP264_Send():发送数据.RTMP264_Close():关闭RTMP连接.按照顺序调用上述3个接口函数就可以