thm/slitscan
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

recording tweaks & fixes

Browse source
This commit is contained in:
Tomáš Mládek 2018-02-21 14:52:22 +01:00 • committed by Tomáš Mládek
parent 3ffe3bbdb2
commit 8b3e863c42
1 changed files with 21 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
src/components/Player.vue
View file

@ -15,7 +15,8 @@
<input type="checkbox" v-model="record" id="recordMode">
</div>
<div>
<input type="range" min="0" :max="frames - 1" value="0" class="slider" v-model.number="position">
<input type="range" min="0" :max="frames - 1" value="0" class="slider"
v-model.number="position" :disabled=record>
</div>
<div>
<button @click="playPause">{{buttonLabel}}</button>
@ -48,7 +49,6 @@
data: function () {
return {
image: null,
buttonLabel: 'PLAY',
playing: false,
zoom: 1,
fullscreen: false,
@ -116,6 +116,17 @@
} else {
return sequence
}
},
buttonLabel: function () {
if (!this.playing) {
if (this.record) {
return 'RECORD'
} else {
return 'PLAY'
}
} else {
return 'STOP'
}
}
},
mounted: function () {
@ -141,9 +152,12 @@
this.$render()
},
record: function () {
if (this.record && !bowser.chrome) {
alert('Recording only supported in Chrome :( \n' +
'https://github.com/spite/ccapture.js/#limitations')
if (this.record) {
this.position = 0
if (!bowser.chrome) {
alert('Recording only supported in Chrome :( \n' +
'https://github.com/spite/ccapture.js/#limitations')
}
}
}
},
@ -154,13 +168,11 @@
}
this.playing = !this.playing
if (this.playing) {
this.buttonLabel = 'STOP'
this.tmp_ctx = this.$refs.canvas.getContext('2d')
if (this.record) this.capturer.start()
this.$render_advance()
} else {
cancelAnimationFrame(this.animation_id)
this.buttonLabel = 'PLAY'
}
},
clear: function (style) {
@ -187,8 +199,8 @@
this.playPause()
this.position = 0
if (this.record) {
this.record.stop()
this.record.save()
this.capturer.stop()
this.capturer.save()
}
}
}