UNI-APP开发APP播放RTMP流的基本使用

步骤

1. 在manifest.json 的 “APP模块配置”中勾选“VideoPlayer(视频播放)”选项，重新编译APP；

2. 创建一个页面，代码如下

   <template>
   	<view></view>
   </template>
   
   <script>
   	export default {
   		mounted() {
   			let pages = getCurrentPages()
   			let page = pages[pages.length-1]
   			let currentWebview = page.$getAppWebview()
   			
   			let player = new plus.video.VideoPlayer('video-player', {
   				src: 'rtmp://aaa.xxx.com/home/mystream',
   				top: '0px',
   				left: '0px',
   				width:'100%',
   				height: '200px',
   				position:'static'
   			})
   			
   			currentWebview.append(player)
   			
   			player.play()
   		},
   	}
   </script>
   

3. 访问此页面，视频可以自动播放

注意事项

• src: 'rtmp://aaa.xxx.com/home/mystream' 可以在网上搜索一些测试的rtmp地址， 然使用 VLC media player的 “打开网络串流”来测试此地址是否可以正常播放。
• 确保网络畅通。
• 以上代码只是基本使用方式（确保能正常播放），更复杂的使用请参考plus.video的相关文档 https://www.html5plus.org/doc/zh_cn/video.html

参考

https://www.freesion.com/article/9892717626/