Technical details
Performance
Webinars are performed on location
in front of a live audience.
Stage
The stage for the webinars is the trunk of a van.
The van is parked during the performances,
at select places in Århus and Copenhagen.
Recording
During each webinar, audio and video is captured and mixed.
The live mix is presented real-time on location as part of the webinar,
broadcast real-time to remote spectators,
and recorded for archiving.
Capture
Mix
Stream
[[!template id=alert context=warning content=<<ALERT
- Should log telemetri of streaming host
- Machine temperature
- Machine speed
- Processing (speed, utilization)
- Disk (read speed, write speed, space available)
- Network (bandwidth consumption, data loss, response time, radio signal quality)
- Compression (input format, output format, output size, latency)
- Should handle varying bandwith towards broadcast host
- Should optimize compression
- Should measure archival storage needs
ALERT]]
[[!template id=alert context=info content=<<ALERT
- Maybe embed countdown into video image
- Maybe test analog video input (for emergency fallback)
ALERT]]
Broadcast
[[!template id=alert context=warning content=<<ALERT
- Should log telemetri of broadcasting host
- Machine temperature
- Machine speed
- Processing (speed, utilization)
- Disk (read speed, write speed, space available)
- Network (bandwidth consumption, data loss)
- Distribution (open sessions, latency)
ALERT]]
[[!template id=alert context=info content=<<ALERT
- Maybe gracefully handle varying bandwith towards users
ALERT]]
Play
[[!template id=alert context=danger content=<<ALERT
- Must keep audio and video syncronized (lipsync)
ALERT]]
[[!template id=alert context=warning content=<<ALERT
- Should test dedicated (non-web) players
- mpv
- vlc
- bowser
- Default player on Windows
- Default player on Windows Phone
- Default player on OSX
- Default player on IOS
- Default player on Android
ALERT]]
Website
The website https://omni-presence.dk/ documents the work.
Styling
User interface and user experience is done mobile-first
using the Bootstrap framework,
with an aim of creating a conventional modern business feel.
[[!template id=alert context=warning content=<<ALERT
- Should warn user if browser does not support live code (javascript)
- Should suggest driver install when browser does not support live media (WebRTC)
- Should warn user if browser fails to activate live media (WebRTC)
- Should document use of dedicated (non-web) players on webinar page
- Should hide notes on tech page by default, showing only when pushing a button "Display internal notes" at bottom
ALERT]]
[[!template id=alert context=info content=<<ALERT
- Maybe fixate footer at bottom
- Maybe better match footer with other styling
- Maybe place countdown on top of video image
- Maybe place front page webinar teaser at top for all devices (not only large ones)
- Maybe add animation (e.g. slide in from right) for front page webinar teaser
- Maybe have front page top intro fill whole width and without space at top
- Maybe use carousel for front page top intro
- Maybe add countdown to front page webinar teaser
- Maybe add space above contact form
ALERT]]
Interaction
Fedback form is provided.
[[!template id=alert context=info content=<<ALERT
- Confirmation message when comment sent with human confirmation
- Error message when comment sent without human confirmation
- Maybe add "Return to homepage" button on confirmation page (not just rely on top menu)
ALERT]]
