Use local version instead of cdn in development

vlitejs · Jul 8, 2022 · ff3e670 · ff3e670
1 parent c14d5d2
commit ff3e670
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 13 deletions.
diff --git a/examples/audio/config.js b/examples/audio/config.js
@@ -1,4 +1,7 @@
-const vlite = new window.Vlitejs('#player', {
+import '../../dist/vlite.css'
+import Vlitejs from '../../dist/vlite.js'
+
+const vlite = new Vlitejs('#player', {
 	options: {
 		controls: true,
 		autoplay: false,

diff --git a/examples/audio/index.html b/examples/audio/index.html
@@ -4,8 +4,6 @@
 		<meta charset="utf-8" />
 		<title>vLitejs - Audio</title>
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
-        <link href="https://cdn.jsdelivr.net/npm/vlitejs@4/dist/vlite.css" rel="stylesheet" crossorigin />
-        <script defer src="https://cdn.jsdelivr.net/npm/vlitejs@4" crossorigin></script>
 	</head>
 	<body>
 		<audio id="player" class="vlite-js" src="https://yoriiis.github.io/cdn/static/vlitejs/demo-audio-html5.mp3"></audio>

diff --git a/examples/html5-hls/config.js b/examples/html5-hls/config.js
@@ -1,11 +1,15 @@
-window.Vlitejs.registerPlugin('pip', window.VlitejsPip)
+import '../../dist/vlite.css'
+import Vlitejs from '../../dist/vlite.js'
+import VlitejsPip from '../../dist/plugins/pip.js'
+
+Vlitejs.registerPlugin('pip', VlitejsPip)
 
 document.addEventListener('DOMContentLoaded', () => {
 	const source = 'https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8'
 	const video = document.querySelector('video')
 
 	/* eslint-disable no-unused-vars */
-	const vlite = new window.Vlitejs('#player', {
+	const vlite = new Vlitejs('#player', {
 		options: {
 			controls: true,
 			autoplay: false,

diff --git a/examples/html5-hls/index.html b/examples/html5-hls/index.html
@@ -4,9 +4,6 @@
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
 		<title>vLitejs - HTML5 HLS.js</title>
-        <link href="https://cdn.jsdelivr.net/npm/vlitejs@4/dist/vlite.css" rel="stylesheet" crossorigin />
-        <script defer src="https://cdn.jsdelivr.net/npm/vlitejs@4" crossorigin></script>
-        <script defer src="https://cdn.jsdelivr.net/npm/vlitejs@4/dist/plugins/pip.js" crossorigin></script>
 		<script defer src="https://cdn.jsdelivr.net/npm/hls.js@1.0.7/dist/hls.min.js"></script>
 	</head>
 	<body>

diff --git a/examples/vimeo/config.js b/examples/vimeo/config.js
@@ -1,5 +1,9 @@
-window.Vlitejs.registerProvider('vimeo', window.VlitejsVimeo)
-const vlite = new window.Vlitejs('#player', {
+import '../../dist/vlite.css'
+import Vlitejs from '../../dist/vlite.js'
+import VlitejsVimeo from '../../dist/providers/vimeo.js'
+
+Vlitejs.registerProvider('vimeo', VlitejsVimeo)
+const vlite = new Vlitejs('#player', {
 	options: {
 		controls: true,
 		autoplay: false,

diff --git a/examples/vimeo/index.html b/examples/vimeo/index.html
@@ -4,9 +4,6 @@
 		<meta charset="utf-8" />
 		<title>vLitejs - Vimeo</title>
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
-        <link href="https://cdn.jsdelivr.net/npm/vlitejs@4/dist/vlite.css" rel="stylesheet" crossorigin />
-        <script defer src="https://cdn.jsdelivr.net/npm/vlitejs@4" crossorigin></script>
-        <script defer src="https://cdn.jsdelivr.net/npm/vlitejs@4/dist/providers/vimeo.js" crossorigin></script>
 	</head>
 	<body>
 		<div id="player" class="vlite-js" data-vimeo-id="162391385"></div>