Mercurial > libervia-templates

annotate sat_templates/templates/bulma/components/media_player.html @ 371:a5a80d761e3e

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
bulma (call): update template to integrate call features: previously, call template was a minimum UI for testing implementation. This commit introduce a usable UI with search interface, mute and full screen button, animations, and other UI/UX improvments. rel 423
author Goffi <goffi@goffi.org>
date Wed, 09 Aug 2023 00:11:39 +0200
parents 742c59641bf5
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
281
742c59641bf5 bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents: 278
diff changeset
1 <div class="media_player">
742c59641bf5 bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents: 278
diff changeset
2 <div class="media_elt"></div>
742c59641bf5 bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents: 278
diff changeset
3 <div class="media_overlay_play is-flex has-items-centered">
278
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff changeset
4 <span class="icon">
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff changeset
5 <i class="icon-play-circled"></i>
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff changeset
6 </span>
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff changeset
7 </div>
281
742c59641bf5 bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents: 278
diff changeset
8 <div class="media_controls columns is-mobile has-items-vcentered">
742c59641bf5 bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents: 278
diff changeset
9 <div class="column is-narrow click_to_play">
742c59641bf5 bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents: 278
diff changeset
10 <span class="icon is-medium">
742c59641bf5 bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents: 278
diff changeset
11 <i class="icon-play media_play is-size-4"></i>
742c59641bf5 bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents: 278
diff changeset
12 <i class="icon-pause media_pause is-size-4"></i>
278
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff changeset
13 </span>
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff changeset
14 </div>
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff changeset
15 <div class="column">
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff changeset
16 <progress class="progress" value="0"></progress>
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff changeset
17 </div>
281
742c59641bf5 bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents: 278
diff changeset
18 <div class="column is-narrow click_to_change_timer_mode">
742c59641bf5 bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents: 278
diff changeset
19 <div class="content timer">
278
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff changeset
20 0:00/0:00
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff changeset
21 </div>
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff changeset
22 </div>
281
742c59641bf5 bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents: 278
diff changeset
23 <div class="column is-narrow click_to_change_volume">
742c59641bf5 bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents: 278
diff changeset
24 <span class="icon is-medium">
742c59641bf5 bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents: 278
diff changeset
25 <i class="icon-volume-up media_sound_on is-size-4"></i>
742c59641bf5 bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents: 278
diff changeset
26 <i class="icon-volume-off media_sound_off is-size-4"></i>
278
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff changeset
27 </span>
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff changeset
28 </div>
281
742c59641bf5 bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents: 278
diff changeset
29 <div class="column is-narrow click_to_fullscreen">
742c59641bf5 bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents: 278
diff changeset
30 <span class="icon is-medium">
742c59641bf5 bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents: 278
diff changeset
31 <i class="icon-resize-full media_resize_full is-size-4"></i>
742c59641bf5 bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents: 278
diff changeset
32 <i class="icon-resize-small media_resize_small is-size-4"></i>
278
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff changeset
33 </span>
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff changeset
34 </div>
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff changeset
35 </div>
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff changeset
36 </div>