refactor(DeviceCamera): remove playback event

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>

Author: pedrolamas

src/components/widgets/camera/CameraItem.vue

@@ -16,7 +16,6 @@
         @update:camera-name-menu-items="cameraNameMenuItems = $event"
         @update:raw-camera-url="rawCameraUrl = $event"
         @update:frames-per-second="framesPerSecond = $event"
-        @playback="setupFrameEvents()"
       />
     </template>
     <div v-else>
@@ -131,14 +130,11 @@ export default class CameraItem extends Vue {
   cameraName = ''
   cameraNameMenuItems: CameraNameMenuItem[] = []
 
-  mounted () {
-    this.setupFrameEvents()
-  }
-
-  setupFrameEvents () {
-    if (this.$listeners?.frame && this.componentInstance) {
+  @Watch('status')
+  onStatus (value: CameraConnectionStatus) {
+    if (value === 'connected' && this.$listeners?.frame && this.componentInstance) {
       if (this.componentInstance.streamingElement instanceof HTMLImageElement) {
-        this.componentInstance.streamingElement.addEventListener('load', () => this.handleFrame())
+        this.handleFrame()
       } else if (this.componentInstance.streamingElement instanceof HTMLVideoElement) {
         this.handleFrame(true)
       }

src/components/widgets/camera/services/DeviceCamera.vue

@@ -27,7 +27,6 @@ export default class DeviceCamera extends Mixins(CameraMixin) {
       const stream = await this.getUserMedia()
 
       this.cameraVideo.srcObject = stream
-      this.$emit('playback')
 
       this.updateCameraName(await this.getDeviceLabel() ?? '')
     } catch (e) {