Changeset - b64a4db527e2
[Not reviewed]
default
0 1 0
drewp@bigasterisk.com - 6 years ago 2019-06-10 23:50:04
drewp@bigasterisk.com
whitespace
Ignore-this: 82ab84810df09d549904116da2c3e4b8
1 file changed with 10 insertions and 6 deletions:
0 comments (0 inline, 0 general)
light9/web/light9-vidref-replay.js
Show inline comments
 
@@ -19,6 +19,7 @@ class Light9VidrefReplay extends LitElem
 
            size: { type: String, attribute: true }
 
        };
 
    }
 

	
 
    estimateRate() {
 
        const n = this.songToVideo.length;
 
        const x0 = Math.round(n * .3);
 
@@ -27,6 +28,7 @@ class Light9VidrefReplay extends LitElem
 
        const pt1 = this.songToVideo[x1];
 
        return (pt1[1] - pt0[1]) / (pt1[0] - pt0[0]);
 
    }
 

	
 
    setVideoTimeFromSongTime(songTime, isPlaying) {
 
        if (!this.songToVideo || !this.outVideo || this.outVideo.readyState < 1) {
 
            return;
 
@@ -64,6 +66,7 @@ class Light9VidrefReplay extends LitElem
 
            this.timeErr = 0;
 
        }
 
    }
 

	
 
    setRate(r) {
 
        this.playRate = Math.max(.1, Math.min(4, r));
 
        this.outVideo.playbackRate = this.playRate;
 
@@ -103,7 +106,7 @@ class Light9VidrefReplay extends LitElem
 
            color: rgb(97, 97, 255);
 
        }
 
        video {
 
          width: 100%;
 
            width: 100%;
 
        }
 
        `;
 
    }
 
@@ -111,7 +114,8 @@ class Light9VidrefReplay extends LitElem
 
    render() {
 
        let details = '';
 
        if (this.size != 'small') {
 
            details = html`  <div>
 
            details = html`
 
  <div>
 
    take is <a href="${this.uri}">${this.uri}</a> 
 
    (${Object.keys(this.songToVideo).length} frames)
 
    <button @click="${this.onDelete}">Delete</button>
 
@@ -124,12 +128,12 @@ class Light9VidrefReplay extends LitElem
 
    err = <span class="num">${rounding(this.timeErr, 3, 4, true)}</span>
 
    rate = <span class="num">${rounding(this.playRate, 3, 3, true)}</span>
 
  </div>
 
`;
 
            `;
 
        }
 
        return html`
 
  <video id="replay" class="size-${this.size}" src="${this.videoUrl}"></video>
 
${details}
 
  `;
 
          <video id="replay" class="size-${this.size}" src="${this.videoUrl}"></video>
 
          ${details}
 
        `;
 

	
 
    }
 
}
0 comments (0 inline, 0 general)