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