FFmpeg:RTMP play int html5
RTMP是Real Time Messaging Protocol(实时消息传输 协议 )的首字母缩写。. 该协议基于TCP,是一个协议族,包括RTMP基本协议及RTMPT/RTMPS/RTMPE等多种变种。. RTMP是一种设计用来进行实时数据通信的网络协议,主要用来在Flash/AIR平台和支持RTMP协议的流媒体/交互服务器之间进行音视频和数据通信。
https://github.com/algoz098/vue-player#usage–guide
http://stream-tester.jwplayer.com/
https://github.com/jwplayer
https://demos.jwplayer.com/
https://github.com/kernelj/jswebrtc
https://github.com/Softvelum/webrtcjs
https://github.com/yurydelendik/rtmp.js\
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>WebRTCPlayer</title> <meta name="Description" content="geovindu"/> <meta name="Keywords" content="geovindu"/> <meta name="author" content="geovindu"/> <style type="text/css"> html, body { background-color: #111; text-align: center; } </style> </head> <body> <div class="jswebrtc" data-url="webrtc://localhost/live/livestream"></div> <script type="text/javascript" src="jswebrtc.min.js"></script> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>WebRTCPlayer</title> <meta name="Description" content="geovindu"/> <meta name="Keywords" content="geovindu"/> <meta name="author" content="geovindu"/> </head> <body> <video id="video-webrtc" controls></video> <script type="text/javascript" src="jswebrtc.min.js"></script> <script type="text/javascript"> var video = document.getElementById('video-webrtc'); var url = 'webrtc://localhost/live/livestream'; var player = new JSWebrtc.Player(url, { video: video, autoplay: true, onPlay: (obj) => { console.log("start play") } }); </script> </body> </html>