、問題

在同一個html頁面中，出現(xiàn)多個視頻或音頻控件時，點擊不同的控件，控件之間不會相互排斥，導致多個視頻或音頻同時播放，聲音疊加在一起，十分嘈雜，現(xiàn)象如下面視頻所示。

<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標簽個數(shù)未知，需獲取所有的video、audio標簽）；

2、遍歷并監(jiān)聽所有的視頻和音頻控件的播放事件，點擊播放按鈕時，觸發(fā)監(jiān)聽方法；

3、監(jiān)聽方法會遍歷其它所有的音頻或視頻，執(zhí)行暫停播放操作；

四、實現(xiàn)代碼

1、body區(qū)域

2、關鍵代碼

最后，感謝大家的觀看，希望大家能夠關注我，同時需要上面資料的，可以私信我。

我是一個不斷學習進步的小白。

TML+前端超大視頻上傳解決方案，網(wǎng)頁 項目文件夾上傳下載解決方案，

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

網(wǎng)上搜了一下，基本上大部分的文章里面提到的前端JS或VUE或HTML5上傳文件夾的方案都是使用JS的API來實現(xiàn)的，也就是html5提供的一個API，也就是chrome提供的API。用是能用，但是不夠好用，有很多限制，也不夠靈活。不太能夠滿足用戶的實際應用需求，

多多少少還是有點問題，穩(wěn)定性，靈活性，可擴展性，安全性方面還是有點問題。chrome的每個域名只允許5個TCP連接的限制，這個基本上是一個無法逾越的鴻溝，目前為止網(wǎng)上還沒有發(fā)現(xiàn)哪家公司或者個人能夠突破的。

我們做項目的話個人用戶比較少，一般都是行業(yè)用戶，比如政府，公司，金融，這類企業(yè)，他們對用戶體驗要求較高。就實際項目開發(fā)和實施的情況來看，html5或者chrome提供的功能基本上都是不能夠滿足他們需求的，都需要我們進行定制開發(fā)。

文件夾上傳，html5提供了API,用戶開始用的時候還行，然后就提了要求要求支持斷點續(xù)傳，

客戶這邊是一個政府單位，涉密了，就不透露單位名稱了，每天主要就是上傳和下載一些資料，數(shù)據(jù)都是加密的。

客戶那邊每天都會上傳和下載資料，

1.下載示例

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

將up6組件復制到項目中

示例中已經(jīng)包含此目錄

1.引入up6組件

2.配置接口地址

接口地址分別對應：文件初始化，文件數(shù)據(jù)上傳，文件進度，文件上傳完畢，文件刪除，文件夾初始化，文件夾刪除，文件列表

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

3.處理事件

啟動測試

啟動成功

效果

數(shù)據(jù)庫

源碼工程文檔：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}");
}