Play next video without delay or black screen

tino-junge / cinema-app

Active Cinema Voting App

MIT License

4 stars 4 forks source link

Play next video without delay or black screen #12

Closed tino-junge closed 8 years ago

tino-junge commented 9 years ago

Check if loading of next video file could be done faster, e.g. preloaded or appended on current video stream

A) use an image of first scene of next video
B) preload next video in second video div and switch div if first video ends (dirty?)
C) another awesome idea how to avoid black screen?

tino-junge commented 9 years ago

approach A) seems promising, just use picture of last frame as poster. so there is no black screen in between anymore and the image itself will just be displayed for one second until next video starts, so its almost not recognizable

tino-junge commented 9 years ago

Need poster images of correct frame to solve that

roschaefer commented 8 years ago

If you search for "html5 smooth video transition" you will end up at the MediaSource Api. This technology looks promising for our use case but it's not the way to go. I've spend several hours and I'm getting the notion that the API is designed to implement custom buffering but cannot be abused to stitch different video files together.

roschaefer commented 8 years ago

Instead, css transformations seem to be a valid solution. I've found this StackOverflow question mentioning a gapless video player with a live demo.

I'm going this way. We have to change movie.js.erb quite a lot: Instead of just one <video> element, we create many of them and attach event listeners at runtime.