Learning VS | First Education Project Help Needed:
I've installed VS Community 2015 as my choice of IDE. I have a simple local video player education project in mind to learn with.
I searched for sample projects and could not find one that will do what I would like the education app to do. I am hoping someone can suggest the appropriate tools to use or method. There are three content items: one mp4 and two png
When the app is opened, the local 30 minute mp4 (downloaded as part of the app) should load while a logo is overlaid.
There should be no user controls visible (the video content has user instructions).
The logo is shown until the video is fully loaded then mp4 should be paused waiting user touch to begin playback. This step is done and seemed simple enough. Where I have difficulty is deciding the best method for providing additional user interaction during
playback for a specific experience.
The application code will have a series of specific times for user interaction during the playback. Here is how it should work:
(Touching the screen will toggle between play and paused states of the full screen video.)
At time 0, pause the video and wait for user touch.
User touch begins playback. (If user touches before time 1 is reached, pause video and display pause poster until touched.)
At time 1, pause the video and wait for user touch.
User touches to begin playback. (If user touches before time 2 is reached, display pause poster until touched.)
At time 2, pause the video and wait for user touch.
User touches to begin playback. (If user touches before time 3 is reached, display pause poster until touched.)
At time 3, pause the video and wait for user touch.
User touches to begin playback. (If user touches before time 4 is reached, display pause poster until touched.)
At time 4, pause the video and wait for user touch.
User touches to begin playback. (If user touches before time 5 is reached, display pause poster until touched.)
At time 5, pause the video and wait for user touch.
User touches to begin playback. Ignore user interaction until playback is complete then display logo with video paused until touched to being a new playback. (This is the same as the user experience began.)
I've considered writing a script to detect the 5 times while listening for the touch event to toggle but it seems like this should be something already available as a snippet sample. I've also considered breaking the video into parts then playing them consecutively
which seems inefficient. I also thought perhaps the best approach was to use HTML5 video events.
The goal is for the app to work on all large touch screen devices regardless of OS - hence the choice of HTML5. Any suggestions or links to snippets that can be adapted would be helpful! I would like to be able to re-use the code for educational apps.