html支持网络串流flv视频播放

1：直接上代码，把url替换成flv访问路径就可以

我这项目是时时拉取nms（Node-Media-Server）的视频

DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="https://cdn.bootcdn.net/ajax/libs/flv.js/1.6.2/flv.min.js">script>
<style>
body,center{
padding:0;
margin:0;
}
    .v-container{
        width:640px;
        height:360px;
		border:solid 1px red;
    }
	video{
		width:100%;
		height:100%;
	}
style>
head>
<body>
  <div class="v-container">
		<video id="videoElement" muted autoplay="autoplay" preload="auto" controls="controls">
		video>
  div>
body>
html>
<script>
    
	
	if (flvjs.isSupported()) {
        var videoElement = document.getElementById('videoElement');
        var flvPlayer = flvjs.createPlayer({
            type: 'flv', // 指定视频类型，特别注意此处伟flv
			isLive: true, // 开启直播
			hasAudio: false, //需要设置为false不然播放不了视频
			cors: true,  // 开启跨域访问
			url: 'http://192.168.88.88:1934/live/wurenji.flv'
        },
		{
            enableWorker: false, //不启用分离线程
            enableStashBuffer: false, //关闭IO隐藏缓冲区
            reuseRedirectedURL: true, //重用301/302重定向url，用于随后的请求，如查找、重新连接等。
            autoCleanupSourceBuffer: true //自动清除缓存
          }
		);
		
		
        flvPlayer.attachMediaElement(videoElement);
        flvPlayer.load();
        flvPlayer.play();
        // flvPlayer.stop();
    }
	

	
script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59

type：媒体类型，flv 或 mp4，默认 flv
isLive：可选，是否是直播流，默认 true
hasAudio：是否有音频
hasVideo：是否有视频
url：指定流地址，可以是 https(s) or ws(s

相关阅读:
【微服务】Eureka注册中心
【动态规划刷题 18】（hard）回文子串&& （hard）最长回文子串
软件工程与计算总结（十七）软件构造
Ajax,json
Gitlab CI/CD介绍
【虚拟户生态平台】虚拟化平台安装时遇到的坑
【PyTorch笔记】60分钟入门PyTorch——训练一个图片分类器
Postman连接MySQL数据库并操作
机器学习-特征选择：使用Lassco回归精确选择最佳特征
Linux mmap读/写触发共享文件页生命周期

原文地址：https://blog.csdn.net/qq_19891197/article/details/127601971