💡 Strengthen the demo for user testing
In previous steps, interactions were made with lightweight developments simply to test out the design. In the end, key functions were fully developed for a robust demo at the final showcase.
1. The Data – Node.js/Socket.IO server ➝ Firebase database
With temporary data on Node.js, users could review their artifact before a final export to Firebase. More importantly, the iPad in the viewing cabinet could access all artifact submissions between refreshes, making the system flow smoothly between the cabinets.
3. Video/Audio Recording – MediaRecorder API
The Problem: The MediaRecorder API presented a lot of headaches during development. A perfectly fine video playing on the laptop could not be loaded on the iPad. This was my first time running into a platform-related issue.
The Solution: After numerous Google searches... I found that the file format had to be 'mp4,' not the more optimized 'webm' used on Chrome, to properly play on both the iPad and Mac Safari.
4. Live Streaming – Open Source Code using WebRTC