Renamed cider-ui-tests to cider-ui, starting skeleton for settings page

resources/cider-ui/views/components/animatedartwork-view.ejs

@@ -0,0 +1,59 @@
+<script type="text/x-template" id="animatedartwork-view">
+    <template v-if="video">
+        <div class="animated" v-bind:vid="app.hashCode(video).toString()">
+            <video ref="video" class="animated-artwork-video" loop id="animated-artwork"></video>
+        </div>
+    </template>
+</script>
+
+<script>
+    Vue.component('animatedartwork-view', {
+        template: '#animatedartwork-view',
+        props: ['video', 'hls'],
+        mounted() {
+            if (this.video) {
+
+                this.$nextTick(function () {
+                    var config = {
+                        backBufferLength: 0,
+                        enableWebVTT: false,
+                        enableCEA708Captions: false,
+                        emeEnabled: false,
+                        abrEwmaDefaultEstimate: 10000,
+                        testBandwidth: false
+                    };
+                    if (this.hls) {
+                        console.log('detached');
+                        this.hls.detachMedia();
+                    } else {
+
+                        this.hls = new CiderHls(config);
+                    }
+                    // bind them together
+                    if (this.$refs.video) {
+                        let d = "WIDEVINE_SOFTWARE"
+                        let h = {
+                            initDataTypes: ["cenc", "keyids"],
+                            distinctiveIdentifier: "optional",
+                            persistentState: "required"
+                        }
+                        let p = {
+                            platformInfo: {requiresCDMAttachOnStart: !0, maxSecurityLevel: d, keySystemConfig: h},
+                            appData: {serviceName: "Apple Music"}
+                        }
+                        this.hls.attachMedia(this.$refs.video);
+                        this.hls.loadSource(this.video);
+                        this.hls.loadLevel = 4;
+                    } 
+                })
+            }
+        },
+        async beforeDestroy() {
+            if(this.hls) {
+               await this.hls.destroy();
+                this.hls = null
+                console.log('killed')
+            }
+        }
+    });
+</script>