影音串流播放器模組設計、廣告IMA處理與各種客製化開發組件
媒體檔案(影音圖文)儲存系統
提供廣告(IMA或SSAI)撥放取消等操控與低延遲監看
衛教後台之前端開發
衛教前台之前端開發
新聞瀏覽與語音複誦
卡車訂單管理
高公局拖救車派遣監控系統
復康巴士訂車網頁
公司硬體設備宣傳
管理物流訂單
班表與訂單排班管理系統
練習作品
商品展示
識界雲端科技股份有限公司(新創) • May 2022 - September 2023
民間全民電視股份有限公司 • May 2019 - April 2022
漢民漢曜科技股份有限公司 • July 2017 - April 2019
XX醫療股份有限公司 • July 2014 - May 2016
國立暨南國際大學
應用材料暨光電工程學系 學士(畢業)
2010年 9月 - 2014年 6月
國立中壢高級中學(央大附中)
高中 普通科(畢業)
2007年 9月 - 2010年 6月
Iclarityvision Technology Co., Ltd. • May 2022 - September 2023
Front-End Development for Medical and Health Education(Front-End Development)
Integrated the Green World Cash API and Youtube API into our software to enable payments processing and video preview features.
Developed the front-end based on design drafts, focusing on achieving UI/UX and improving image quality.
Designed front-end Vite SSR architecture.
Customized document editor function modules in the back end.
#Typescript #JavaScript #Vue3 #Sass #Vite #Pinia #Cash API #SSR
FTV(Formosa TV) • May 2019 - April 2022
Video Streaming Player Module Design, Advertisement, and Custom Component Development(Self-Developed)
Redesigned and optimized the architecture and coding methods of the video player, significantly improving performance and efficiency. Reduced loading time, leading to a 15% increase in active users and higher advertising revenue.
Implemented the product on 4GTV, Hinet, and Yahoo’s COVID-19 conference live broadcast.
#Typescript #JavaScript #GoogleImaSDK #Video.js #M3u8 #Scss/Css #Rollup #Gulp
Product Platform of Multimedia Library (Front-End Development)
Significantly improved overall UI/UX, making the system more user-friendly and receiving positive feedback from clients.
Collaborated with the team to integrate front-end TypeScript, npm modules, and Git, reducing development time and compressing file sizes by 35%. This streamlined operations and resolved performance issues from the original page.
#Typescript #JavaScript #SemanticUI #jQuery #SignalR #MVC #Webpack #CSharp #Big file #lazy loading
Master Advertising Control Management Website(Self-Developed)
Optimized Live Monitoring: Established a C++ streaming media server and integrated Rtmp and http-flv streaming media conversion, reducing live monitoring delay from 20-30 seconds to 2-4 seconds.
Enhanced Advertisement Control: Implemented Socket, WebSocket and Redis to enable AWS advertisement switching, eliminating Google IMA restrictions, and increasing revenue.
Streamlined System with Added Features: Redesigned system UI/UX and architecture, adding features like service health checks and LDAP login for improved platform monitoring.
#Typescript #JavaScript #Quasar #Rtmp #.NetCore #Vue.js(Vue3) #Socket和WebSocket #SignalR #C# #API #Videojs #Redis
HanTek Technology Co., LTD • July 2017 - April 2019
Multilingual Website Development: Successfully implemented a multilingual website using C# Resources, which was later applied to internal vehicle monitoring platforms in parts of Central and South America.
Improved Real-Time Signal Reception: Enhanced the front-end map monitoring system by transitioning from page polling to MQTT-based real-time vehicle location updates. This optimization resulted in significant monthly saving of tens of thousands of dollars in map usage fees.
Technical Leadership: Led the team in adopting TypeScript to strengthen the front-end structure and interfaces, enabling rapid adaptation to changing requirements and reducing debugging time.
Comprehensive UI/UX Optimization: Optimized the entire front-end, including RWD ( Responsive Web Design), and implemented various features based on demand, such as map animations, charts, Excel report uploading and exporting, member logins, invoice machine control, and Firebase push notifications.
Customer-Centric Improvements: Actively participated in requirements interviews with project managers and clients, collecting feedback and proposing enhancements. Successfully addressed issues related to browser compatibility.
Enhanced Communication: Introduced pedestrian SMS notifications and URL shortening services for improved communication and user experience.
Medical Technology Devices Inc. • July 2014 - May 2016