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>