Confirmed users
954
edits
Firefox/Projects/Video Controls: Difference between revisions
Jump to navigation
Jump to search
m
small wording changes
(→Fullscreen implementation + UI: +very rough) |
m (small wording changes) |
||
| Line 23: | Line 23: | ||
* How to visually distinguish between past (buffered video), present (what the user is currently viewing), future (video buffered after the user paused), and live | * How to visually distinguish between past (buffered video), present (what the user is currently viewing), future (video buffered after the user paused), and live | ||
Below is a design we've been considering to handle these issue. By default, the user is in a visually marked "live" mode - the box on the right of the timeline. As the user watches the live video, the timeline to the left of live fills up with how much video is buffered. So, after one minute the timeline represents one minute in length, and after two minutes it represents two. To give an indication of how much time the bar represents, tick marks marking minutes will scroll left as the video plays. Clicking the live mode button | Below is a design we've been considering to handle these issue. By default, the user is in a visually marked "live" mode - the box on the right of the timeline. As the user watches the live video, the timeline to the left of live fills up with how much video is buffered. So, after one minute the timeline represents one minute in length, and after two minutes it represents two. To give an indication of how much time the bar represents, tick marks marking minutes will scroll left as the video plays. Clicking the live mode button or moving the slider back to the live point (which will "snap") brings the video back to live mode. | ||
<br><center>'''fig 3'''</center><br> | <br><center>'''fig 3'''</center><br> | ||
[[File:3_live_mode_player.png]] | [[File:3_live_mode_player.png]] | ||
However, eventually the video will reach the maximum that can be buffered. For the purposes of these mockups, we'll say that 10MB and 10minutes is the limit. After the video plays for 10 minutes, the beginning of the video is dropped and no longer accessible. The user sees this as the 0:00 mark disappearing from the timeline, and higher | However, eventually the video will reach the maximum that can be buffered. For the purposes of these mockups, we'll say that 10MB and 10minutes is the limit. After the video plays for 10 minutes, the beginning of the video is dropped and no longer accessible. The user sees this as the 0:00 mark disappearing from the timeline, and higher time markers continuing to scroll left. | ||
<br><center>'''fig 4'''</center><br> | <br><center>'''fig 4'''</center><br> | ||
[[File:4_live_mode_player_with_buffer.png]] | [[File:4_live_mode_player_with_buffer.png]] | ||
If the user pauses the video, | If the user pauses the video, he exits live mode and the slider moves off of the live mode box. A visual indication will show that the video is no longer live - perhaps by fading the live mode and/or changing the shape and color of the slider. As the video is paused, new live video will be buffered and old video will continue to be dropped, moving the paused slider and the timeline left. | ||
<br><center>'''fig 5'''</center><br> | <br><center>'''fig 5'''</center><br> | ||