it营大地专栏

ios手机上面没法通过flv.js实现拉流? Ios没法使用flv.js直播如何解决?

发布于 10 天前 作者 phonegap100 29 次浏览 最后一次编辑是 10 天前 来自 分享

ios手机上面没法通过flv.js实现拉流以及没法使用flv.js直播如何解决呢?

flv.js是个好东西,它的原理是利用浏览器里的Media Source Extensions(MSE)转化flv,但无奈苹果这个又坏又蠢的公司拒绝支持MSE,到现在才勉强同意在未发布的iOS 13里支持MSE,而且注意:是只在iPad的iOS 13里支持,也就是说,iPhone上的iOS 13依然不支持MSE!也就是说,如果你要用flv.js的话,最早也要等到iOS 14发表,也许iOS 14也没有,那就还得等。 所以如果我们想在iphone手机上面用flv.js实现拉流的话基本是没法实现的。

我们可以换个思路,在后端利用ffmpeg把rtmp转成苹果支持的hls格式:

然后在前端就可以实现拉流了

具体实现方式参考 流媒体直播视频教程https://www.itying.com/goods-1072.html

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>


		<link href="https://vjs.zencdn.net/7.4.1/video-js.css" rel="stylesheet">
		<script src='https://vjs.zencdn.net/7.4.1/video.js'></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.15.0/videojs-contrib-hls.min.js"></script>

		<video id="welcomeVideo" class="video-js vjs-default-skin" autoplay="autoplay">
			<source id="source" src="http://192.168.0.11:8000/live/itying/index.m3u8" type="application/x-mpegURL" />
		</video>
		<script>
		  var myVideo = videojs('welcomeVideo', {
		    loop: true,
		    controls: true,
		    preload: 'auto',
		    autoplay: true
		  })
		</script>
		
	</body>

</html>
回到顶部