From e278ea149e04d7c4a7c26b253cec8e9b33bff3e3 Mon Sep 17 00:00:00 2001
From: wryk <wryk@wryk.moe>
Date: Tue, 12 Mar 2019 12:38:51 +0100
Subject: [PATCH] refactor(preview): use bind to property feature

---
 src/views/screens/capture.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/views/screens/capture.vue b/src/views/screens/capture.vue
index 8d70ee0..44f119e 100644
--- a/src/views/screens/capture.vue
+++ b/src/views/screens/capture.vue
@@ -6,7 +6,7 @@
     <capture-options v-else></capture-options>
 
     <div ref="previewcontainer" class="preview">
-      <video ref="preview" class="preview-visual" preload="yes" autoplay muted playsinline webkit-playsinline></video>
+      <video ref="preview" class="preview-visual" preload="yes" :srcObject.prop="mediaStream" autoplay muted playsinline webkit-playsinline></video>
     </div>
 
     <button class="capture-btn" :class="{ 'capture-btn--capturing': capturing.status }" @click.prevent="startCapture">Capture</button>
@@ -89,7 +89,6 @@ export default {
 
   },
   mounted: function () {
-    this.$refs.preview.srcObject = this.mediaStream
     this.getpreviewcontainerSquare()
 
     // On load