Triggering loader for each 360° video scene
Posted: Tue Oct 22, 2019 9:01 am
Hey. Diving back into P2VR and my knowledge is feeling a bit rusty so asking for some sagely advice please.
Been authoring a multi-scene tour comprising a mix of 360° video and photos, with the emphasis being on 90-120sec 360° video content as the lead. Having played around with various encoding and resolution settings I've got a pretty solid primary video encode for desktop, and fallbacks for mobile.
However for desktop playback these videos are 4K and generally 100-150MB. They play well once loaded and in cache but there's a lag between clicking through to a 360° video node, and playback. I'd like to call a generic loader screen to display prior to each of these 360° video playing. Previously only used a loader at the start of a project, not for individual content.
So… how would I go about using a hotspot to open a new tour node / panorama - but display a loading bar / screen until the video is ready to play? At present the placeholder image is displayed until the video is loaded. I'd like to have a generic screen and loading component cover this image, and when that content changes to the 360° video file, make the loading screen disappear to reveal the playing video. I'd prefer to keep the 360° video as autoplay, rather than ask the user to trigger playback.
Is there a threshold variable that a 360° needs to reach before the video plays? Fully loaded, or can it play part-way through based on the bandwidth and number of frames?
Thanks in advance
Been authoring a multi-scene tour comprising a mix of 360° video and photos, with the emphasis being on 90-120sec 360° video content as the lead. Having played around with various encoding and resolution settings I've got a pretty solid primary video encode for desktop, and fallbacks for mobile.
However for desktop playback these videos are 4K and generally 100-150MB. They play well once loaded and in cache but there's a lag between clicking through to a 360° video node, and playback. I'd like to call a generic loader screen to display prior to each of these 360° video playing. Previously only used a loader at the start of a project, not for individual content.
So… how would I go about using a hotspot to open a new tour node / panorama - but display a loading bar / screen until the video is ready to play? At present the placeholder image is displayed until the video is loaded. I'd like to have a generic screen and loading component cover this image, and when that content changes to the 360° video file, make the loading screen disappear to reveal the playing video. I'd prefer to keep the 360° video as autoplay, rather than ask the user to trigger playback.
Is there a threshold variable that a 360° needs to reach before the video plays? Fully loaded, or can it play part-way through based on the bandwidth and number of frames?
Thanks in advance