From d67d745b01adb6be5cef217127b1bea92f7dd742 Mon Sep 17 00:00:00 2001
From: absidue <48293849+absidue@users.noreply.github.com>
Date: Wed, 8 Jan 2025 23:00:42 +0100
Subject: [PATCH] Only create the VR canvas when it is required

---
 .../ft-shaka-video-player/ft-shaka-video-player.vue       | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.vue b/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.vue
index bdc80bcb0d3cc..d49a5b4165eb3 100644
--- a/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.vue
+++ b/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.vue
@@ -22,7 +22,15 @@
       @volumechange="updateVolume"
       @timeupdate="handleTimeupdate"
     />
+    <!--
+      VR playback is only possible for VR videos with "EQUIRECTANGULAR" projection
+      This intentionally doesn't use the "useVrMode" computed prop,
+      as that changes depending on the media format,
+      but as we initialize the shaka-player UI once per watch page,
+      the canvas has to exist even in audio-only mode, as the user may switch to DASH later.
+    -->
     <canvas
+      v-if="vrProjection === 'EQUIRECTANGULAR'"
       ref="vrCanvas"
       class="vrCanvas"
     />