開源精選》是我們分享Github、Gitee等開源社區中優質項目的欄目,包括技術、學習、實用與各種有趣的內容。本期推薦的是一個開源的 HTML5 視頻播放器插件——MuiPlayer。
MuiPlayer 是一個開源的HTML5視頻播放插件,其默認配置了精美可操作的的播放控件,涉及了常用的播放場景,例如全屏播放、播放快進、循環播放、音量調節等功能。支持 mp4、m3u8、flv 等多種媒體格式播放,解決大部分兼容問題,同時適應在PC、手機端播放。
使用 npm 安裝:
npm i mui-player --save
使用 yarn 安裝:
yarn add mui-player
1 使用 script 標簽引入:
<!-- 引入基礎樣式文件 mui-player.min.css -->
<link rel="stylesheet" type="text/css" href="css/mui-player.min.css"/>
<!-- 引入基礎腳本 mui-player.min.js -->
<script type="text/javascript" src="js/mui-player.min.js"></script>
<!-- 指定播放器容器 -->
<div id="mui-player"></div>
或者使用模塊管理器引入:
import 'mui-player/dist/mui-player.min.css'
import MuiPlayer from 'mui-player'
2 定義播放器容器
<div id="mui-player"></div>
3 初始化構建播放器
// 初始化 MuiPlayer 插件,MuiPlayer 方法傳遞一個對象,該對象包括所有插件的配置
var mp=new MuiPlayer({
container:'#mui-player',
title:'標題',
src:'./static/media/media.mp4',
})
以上就能為初始化構建一個具有默認配置控件的視頻播放器。
更多API基礎配置: https://muiplayer.js.org/zh/guide/api.html#%E4%B8%BB%E8%A6%81%E9%85%8D%E7%BD%AE
更多內容大家可自行前往閱讀。
開源地址:https://gitee.com/muiplayer/hello-muiplayer
明千千萬,起點是一問。今天要介紹的禮物任務插件,就是針對主播們個性化的直播互動需求,小葫蘆團隊在收集分析了大量主播的直播反饋后研發出的直播互動插件。
這里就要手動@【彈幕顯示】和【禮物感謝】了,禮物任務同樣是內置于小葫蘆直播助手,主播們的熱烈反饋會威脅它們的稱號哦
小葫蘆直播助手·禮物任務
禮物任務插件,就是給主播設置一個禮物任務目標,觀眾送的禮物可以不斷累計,最終達到主播設置的目標。從而實現主播獲得禮物、觀眾獲得目標承諾的效果。此外,還支持多種模版風格!
禮物任務最大特點
1、增加主播禮物
主播設置一個禮物任務目標,可以刺激觀眾送的禮物和提升付費的意愿,禮物是可以不斷累計的,最終達到主播設置的目標。
2、滿足觀眾的滿足感和成就感
粉絲越刷越起勁的一個很重要的原因是獲得了滿足感,滿足了他的虛榮心。
不斷進行和變化的禮物任務數量,實時在提醒觀眾還有多少未完成,粉絲之間會競爭刷禮物數促進禮物量增長,也會刺激粉絲為完成目標進行刷禮物,完成目標會讓刷禮物的粉絲特別有成就感。
3、活躍直播間氣氛
禮物任務數量的實時變化和進度,不僅會激發粉絲的活躍度,也會刺激直播間潛水觀眾紛紛參與進來,進而活躍整個直播間。
同時,直播間的活躍,粉絲會更覺得刷禮物支持主播是應該的。
4、玩法多樣 簡單方便
禮物任務插件,根據動畫、皮膚、禮物屬性、數量設置不同的任務目標,可以隨時調整。
簡潔清爽的UI界面,精美多樣的皮膚設置,與平臺直接匹配的禮物設置,定會讓人流連駐足,意猶未盡。
這款插件不但可以增加主播直播時的禮物打賞,增加與觀眾的直播互動;還能夠滿足觀眾獲得目標承諾的效果,讓觀眾有了參與的積極性,活躍直播間的氛圍,想想是不是就有點小激動呢?那就趕緊下載吧!
如何使用禮物任務
第一步:下載&登錄
1、下載小葫蘆直播助手并安裝注冊,搜索小葫蘆,進入官網即可進行下載;
2、登錄小葫蘆直播助手;選擇【禮物任務】
第二步:插件設置
根據自己需求對進度條風格、禮物名稱、任務名稱、數量進行設置。注:設置禮物任務前,需先設置房間,禮物與平臺需精確匹配。
第三步:插件啟動
這里是以OBS為例,其他直播工具如斗魚、虎牙、YY等,需添加攝像頭,選擇“小葫蘆直播助手”即可。
1、啟動OBS,主界面的【來源】中右鍵點【添加】,添加【視頻捕獲設備】
2、在設備里面選擇小葫蘆直播助手點擊確認
注:保持來源處視頻獲取設備在最頂部
以上是以OBS為例,其他直播工具如斗魚、虎牙、YY等,需添加攝像頭,選擇“小葫蘆直播助手”即可。
效果圖
主播直播間使用禮物任務效果
直播游戲時,使用禮物任務
個賬號帶你了解所有適合直播使用的插件。這期來講一下Denoiser Pro這款降噪插件,非常好用,占用小,零延遲,音損也小,用起來也不算難,在我心里其實它是排在2X10前面的。直接來講一下怎么使用。
·首先一樣是6個點,都是6個點,先給它初始化一下,可以聽到環境噪音。可以看到這里在我不說話的時候也是有跳動的,這個跳動就是環境噪音。在不說話的情況下也是把這些預值放在跳動的上面,超過一點就好,不要太多。
·這個時候還沒有降噪,開始把下邊這個教大家怎么去用,這種方法很好用。先把它全拉下來,很明顯變得非常安靜了。
·現在怎么降低它對音損?全拉下來之后一個一個的去往回調,盡可能讓音損變得小一些。每一個點可以把它拉到最上面去聽一下頻段噪音是什么樣的,這就是低頻轟轟聲,來一點點就可以。這種聲音往回推,推到這了都沒有太明顯的聲音,就可以。
·這里就比較嚴重了,可能大概要放到這,而且可以把監聽耳機的音量稍微扭大一點,然后去做調整,可能調整的更精細一點。
具體調的方式就是這樣的,大家可以按照這個方式自己去嘗試一下,絕對是能達到降噪效果要好,對音損盡可能的更小。