、问题

在同一个html页面中，出现多个视频或音频控件时，点击不同的控件，控件之间不会相互排斥，导致多个视频或音频同时播放，声音叠加在一起，十分嘈杂，现象如下面视频所示。

<script src="https://lf3-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

二、显示效果

解决上述问题后，最终显示效果如下面视频所示。

<script src="https://lf3-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

三、解决方案

解决方案如下：

1、获取所有的video、audio标签（页面中的video标签和audio标签个数未知，需获取所有的video、audio标签）；

2、遍历并监听所有的视频和音频控件的播放事件，点击播放按钮时，触发监听方法；

3、监听方法会遍历其它所有的音频或视频，执行暂停播放操作；

四、实现代码

1、body区域

2、关键代码

最后，感谢大家的观看，希望大家能够关注我，同时需要上面资料的，可以私信我。

我是一个不断学习进步的小白。

TML+前端超大视频上传解决方案，网页 项目文件夹上传下载解决方案，

前端用了JS，JQuery,vue2,vue3,vue-cli,html5,html

网上搜了一下，基本上大部分的文章里面提到的前端JS或VUE或HTML5上传文件夹的方案都是使用JS的API来实现的，也就是html5提供的一个API，也就是chrome提供的API。用是能用，但是不够好用，有很多限制，也不够灵活。不太能够满足用户的实际应用需求，

多多少少还是有点问题，稳定性，灵活性，可扩展性，安全性方面还是有点问题。chrome的每个域名只允许5个TCP连接的限制，这个基本上是一个无法逾越的鸿沟，目前为止网上还没有发现哪家公司或者个人能够突破的。

我们做项目的话个人用户比较少，一般都是行业用户，比如政府，公司，金融，这类企业，他们对用户体验要求较高。就实际项目开发和实施的情况来看，html5或者chrome提供的功能基本上都是不能够满足他们需求的，都需要我们进行定制开发。

文件夹上传，html5提供了API,用户开始用的时候还行，然后就提了要求要求支持断点续传，

客户这边是一个政府单位，涉密了，就不透露单位名称了，每天主要就是上传和下载一些资料，数据都是加密的。

客户那边每天都会上传和下载资料，

1.下载示例

https://gitee.com/xproer/up6-vue-cli

将up6组件复制到项目中

示例中已经包含此目录

1.引入up6组件

2.配置接口地址

接口地址分别对应：文件初始化，文件数据上传，文件进度，文件上传完毕，文件删除，文件夹初始化，文件夹删除，文件列表

参考：http://www.ncmem.com/doc/view.aspx?id=e1f49f3e1d4742e19135e00bd41fa3de

3.处理事件

启动测试

启动成功

效果

数据库

源码工程文档：https://drive.weixin.qq.com/s?k=ACoAYgezAAw1dWofra

源码报价单：https://drive.weixin.qq.com/s?k=ACoAYgezAAwoiul8gl

OEM版报价单：https://drive.weixin.qq.com/s?k=ACoAYgezAAwuzp4W0a

控件源码下载：https://drive.weixin.qq.com/s?k=ACoAYgezAAwbdKCskc

string ffplayPath="ffplay.exe";//ffplay路径
string videoFilePath="森林和鹿.mp4";//视频地址
ProcessStartInfo startInfo=new ProcessStartInfo();
startInfo.FileName=ffplayPath;
startInfo.Arguments=$"-loop 0 \"{videoFilePath}\" ";//重复播放
startInfo.UseShellExecute=false;
startInfo.CreateNoWindow=true;
startInfo.RedirectStandardInput=true;
try
{
var ffplayProcess=new Process();
 ffplayProcess.StartInfo=startInfo;
 ffplayProcess.Start();
}
catch (Exception ex)
{
 Console.WriteLine($"Error: {ex.Message}");
}