React Media player

By陳柏融
Frontend Developer
React Media player 實作影音播放器與後台介面開發,讓使用者可以針對多部影音進行操作、標記、留言與討論,並能透過報表檢視每個人的測試結果。在這個專案中除了版面與資料的串接外,同時負責影音播放介面的實作。使用到的技術包含: - 透過 Video and Audio API,於單一畫面同時操作兩部影片,提供全螢幕檢視、分割畫面、速度切換、下載影片等功能 - 前端畫面的框架使用 Ant Design,搭配 styled component 進行樣式上的調整 - 使用 redux 搭配 redux-toolkit 和 redux-saga 串接後端 API 資料 - 使用 AWS Lambda 搭配 S3 針對上傳後的影片進行處理 - 使用 ffmpeg 擷取影片縮圖、取得影片時間、音軌擷取 - 使用 highcharts 製作使用者測試結果的圖表
陳柏融
Published: February 15, 2021
Redux-Saga
Highcharts
Google Cloud Storage
AWS Lambda
FFmpeg
Redux
React
More from 陳柏融
Typora Theme
UXTesting Chrome Extension App
Taiwan Real-Time Weather
CN2TW4Programmer
React UseOpenTok
chat placeholder

Build Your Professional Network

Click icon on the company page or under talent search engine to start the conversation.