provide environment variable to use vtt options

docs/developer.md

@@ -107,3 +107,13 @@ npm run preview
 ```
 
 Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.
+
+### Experimental Frontend Features
+
+To use experimental frontend features, add `NUXT_BUILD_EXPERIMENTAL=true` tu run and build command, like:
+
+```
+NUXT_BUILD_EXPERIMENTAL=true npm run dev
+```
+
+**Note:** This function is only for developers and testers who can do without support.

frontend/components/ConfigPlayout.vue

@@ -19,6 +19,7 @@
                             v-if="
                                 name.toString() !== 'startInSec' &&
                                 name.toString() !== 'lengthInSec' &&
+                                !(name.startsWith('vtt_') && !config.public.buildExperimental) &&
                                 !(name.toString() === 'path' && key.toString() === 'storage')
                             "
                         >
@@ -93,6 +94,7 @@
 </template>
 
 <script setup lang="ts">
+const config = useRuntimeConfig()
 const { t } = useI18n()
 
 const authStore = useAuth()

frontend/nuxt.config.ts

@@ -17,6 +17,12 @@ export default defineNuxtConfig({
         },
     },
 
+    runtimeConfig: {
+        public: {
+            buildExperimental: process.env.NUXT_BUILD_EXPERIMENTAL,
+        },
+    },
+
     ignore: ['**/public/tv-media**', '**/public/Videos**', '**/public/live**', '**/public/home**'],
     ssr: false,