light9 Changeset - 5b157494a741

Changeset - 5b157494a741

Parent rev.

Child rev.

[Not reviewed]

default

0 2 0

drewp@bigasterisk.com - 6 years ago 2019-06-10 23:16:50
drewp@bigasterisk.com

vidref always show song time, and don't lose the details on normal size view
Ignore-this: 9d74c2424efff1bb4519c9303cbef942

2 files changed with 4 insertions and 2 deletions:

light9/web/light9-vidref-replay-stack.js

light9/web/light9-vidref-replay.js

0 comments (0 inline, 0 general)

light9/web/light9-vidref-replay-stack.js

➞

Show inline comments

@@ @@ -147,33 +147,34 @@ class Light9VidrefReplayStack extends Li @@
+        }
         #songTime {
             font-size: 27px;
+        }
         `;
+    }
     render() {
         const songTimeRange = this.size != "small" ? html`<input id="songTime" type="range"
            .value="${this.songTime}"
            @input="${this.userMovedSongTime}"
            min="0" max="0" step=".001"></div>
   <div><a href="${this.musicState.song}">${this.musicState.song}</a></div>
   <div id="songTime">showing song time ${rounding(this.songTime, 3)}</div>` : '';
   <div><a href="${this.musicState.song}">${this.musicState.song}</a></div>` : '';
         const globalCommands = this.size != 'small' ? html`
   <div>
     <button @click="${this.onClipsChanged}">Refresh clips for song</button>
   </div>
 ` : '';
         return html`
   <div>
     ${songTimeRange}
   <div id="songTime">showing song time ${rounding(this.songTime, 3)}</div>
   <div>clips:</div>
   <div id="clips">
     ${this.players}
   </div>
   ${globalCommands}
 `;
+    }
+}
 customElements.define('light9-vidref-replay-stack', Light9VidrefReplayStack);

light9/web/light9-vidref-replay.js

➞

Show inline comments

@@ @@ -120,19 +120,20 @@ class Light9VidrefReplay extends LitElem @@
   <!-- here, put a little canvas showing what coverage we have with the
        actual/goal time cursors -->
   <div>
     video time should be <span class="num">${this.videoTime} </span>
     actual = <span class="num">${rounding(this.outVideoCurrentTime, 3)}</span>,
     err = <span class="num">${rounding(this.timeErr, 3)} </span>
     rate = <span class="num">${rounding(this.playRate, 3)}</span>
   </div>
 `;
+        }
         return html`
   <video id="replay" class="size-${this.size}" src="${this.videoUrl}"></video>
 ${details}
   `;
+    }
+}
 customElements.define('light9-vidref-replay', Light9VidrefReplay);
 window.thresh=.3
 window.p=.3

0 comments (0 inline, 0 general)