electron-player基于 electron-vue 的音視頻播放器
electron-player 是一個(gè)基于 electron-vue 的音視頻播放器。
相關(guān)技術(shù)
- electron:負(fù)責(zé)構(gòu)建播放器的所需要的環(huán)境,提供訪問系統(tǒng)資源的api(調(diào)用資源管理器,瀏覽器等等)以及打包成桌面應(yīng)用程序
- vue:負(fù)責(zé)構(gòu)建播放器的界面
- node:負(fù)責(zé)處理文件和路徑問題,主要使用fs和path這2個(gè)模塊
- express:負(fù)責(zé)把視頻讀取出來(lái),把視頻以流的形式返回
- html5相關(guān)技術(shù):拖拽api,全屏api,Notification消息通知
- DPlayer:音視頻播放器核心組件
已實(shí)現(xiàn)功能
- 視頻播放:目前已經(jīng)支持大多數(shù)視頻格式,比如 MP4、WebM、mkv、avi、WMV、FLV、rmvb 等,后續(xù)會(huì)添加更多的視頻格式
- 音頻播放:目前已經(jīng)支持大多是音頻格式,比如 MP3 等,后續(xù)會(huì)添加更多的音頻格式
- 換膚功能:該功能類似其他軟件的換膚功能,用戶可以根據(jù)自己的喜好選擇不同的主題皮膚
- 歷史記錄:音視頻播放器會(huì)自動(dòng)記錄用戶播放已經(jīng)過的的視頻或音頻,比如音頻或視頻播放到那個(gè)時(shí)間
- 記憶功能:音視頻播放器會(huì)自動(dòng)保存用戶的操作和修改的配置,比如用戶更換了主題皮膚,用戶關(guān)閉了應(yīng)用后再次打開,音視頻播放器會(huì)應(yīng)用用戶已經(jīng)修改的主題皮膚。用戶對(duì)視頻或音頻進(jìn)行加速等操作都會(huì)被記憶下來(lái),用戶再次點(diǎn)擊該視頻或音頻就會(huì)恢復(fù)用戶的操作
- 播放模式:播放模式主要有5種,分別是 單個(gè)播放、單個(gè)循環(huán)、循環(huán)播放列表、順序播放、隨機(jī)播放
- 排序模式:排序模式主要有5種,分別是 默認(rèn)排序、大小排序、時(shí)間排序、隨機(jī)排序、名稱排序
- 置頂功能:保持應(yīng)用界面始終在最頂端
- 加減速功能:音視頻加速或者減速播放
- 拖拽文件或文件夾:用戶可以把文件或者文件夾拖拽進(jìn)音視頻播放器中,應(yīng)用會(huì)過濾掉不能播放的文件
- 全屏功能:實(shí)現(xiàn)了應(yīng)用的全屏功能,這里是使用了electron提供的全屏api,沒有使用html5的全屏api
- 右鍵菜單功能:目前已經(jīng)實(shí)現(xiàn)了大多數(shù)右鍵菜單的功能,沒實(shí)現(xiàn)的后續(xù)實(shí)現(xiàn)
效果圖
效果圖1
效果圖2
效果圖3
效果圖4
效果圖5
效果圖6
效果圖7
評(píng)論
圖片
表情
