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>

　　

 

 

 

 

posted @ 2022-11-27 16:27  ®Geovin Du Dream Park™  阅读(41)  评论(0)    收藏  举报