我是利用flash插件实现的,需要以下几个文件:
flowplayer-3.2.8.min.js
flowplayer-3.2.18.swf
flowplayer.rtmp-3.2.8.swf
flowplayer.controls-3.2.16.swf
下载地址如下:
链接: https://pan.baidu.com/s/1qZsDeTQ 密码: k5ak
HTML代码如下:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="flowplayer-3.2.8.min.js"></script>
<title>RTMP Sample Player FlowPlayer</title>
</head>
<body>
<h1>RTMP Sample Player FlowPlayer</h1>
<!-- this A tag is where your Flowplayer will be placed. it can be anywhere -->
<a
href="#"
style="display:block;width:520px;height:330px"
id="player">
</a>
<!-- this will install flowplayer inside previous A- tag. -->
<script>
flowplayer("player", "flowplayer-3.2.18.swf",{
clip: {
url: 'rtmp://192.168.1.104:1935/live/record',
provider: 'rtmp',
live: true,
},
plugins: {
rtmp: {
url: 'flowplayer.rtmp-3.2.8.swf',
netConnectionUrl: 'rtmp://192.168.1.104:1935/live/record'
}
}
});
</script>
<p>
Sample RTMP URL (Live) is "rtmp://192.168.1.104:1935/live/record"
</p>
</body>
</html>