I made it in these steps:
- OCR data
- Create timeline in premiere, time media to orig transcript (36 8-hour videos)
- clean data by watching premiere by reading along OCRed data
- Sync data with youtube playback via JS
- create navigation scheme using paper.js
- build data lazy loader in JS
- collect photography, treat photography, time photography to timeline
- ask my good friend, Chris to make it look nice for me<p>The whole site is client-side. The entire mission is loaded into the browser upon start. There&#x27;s no server-side. Ironic given that my roots are as a server-side dev.<p>It took me years. I blogged about the making of here if you&#x27;re interested: <a href="http:&#x2F;&#x2F;benfeist.com&#x2F;category&#x2F;apollo&#x2F;" rel="nofollow">http:&#x2F;&#x2F;benfeist.com&#x2F;category&#x2F;apollo&#x2F;</a>