diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..9b5df77 --- /dev/null +++ b/.gitignore @@ -0,0 +1,74 @@ +.vscode/* +!.vscode/settings.json +!.vscode/tasks.json +!.vscode/launch.json +!.vscode/extensions.json + +# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio and WebStorm +# Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839 + +# User-specific stuff +.idea/**/workspace.xml +.idea/**/tasks.xml +.idea/**/usage.statistics.xml +.idea/**/dictionaries +.idea/**/shelf + +# Generated files +.idea/**/contentModel.xml + +# Sensitive or high-churn files +.idea/**/dataSources/ +.idea/**/dataSources.ids +.idea/**/dataSources.local.xml +.idea/**/sqlDataSources.xml +.idea/**/dynamic.xml +.idea/**/uiDesigner.xml +.idea/**/dbnavigator.xml + +# Gradle +.idea/**/gradle.xml +.idea/**/libraries + +# Gradle and Maven with auto-import +# When using Gradle or Maven with auto-import, you should exclude module files, +# since they will be recreated, and may cause churn. Uncomment if using +# auto-import. +# .idea/modules.xml +# .idea/*.iml +# .idea/modules + +# CMake +cmake-build-*/ + +# Mongo Explorer plugin +.idea/**/mongoSettings.xml + +# File-based project format +*.iws + +# IntelliJ +out/ + +# mpeltonen/sbt-idea plugin +.idea_modules/ + +# JIRA plugin +atlassian-ide-plugin.xml + +# Cursive Clojure plugin +.idea/replstate.xml + +# Crashlytics plugin (for Android Studio and IntelliJ) +com_crashlytics_export_strings.xml +crashlytics.properties +crashlytics-build.properties +fabric.properties + +# Editor-based Rest Client +.idea/httpRequests + +# Android studio 3.1+ serialized cache file +.idea/caches/build_file_checksums.ser + +caddy* \ No newline at end of file diff --git a/images/gitea.png b/images/gitea.png deleted file mode 100644 index 9f4a2fd..0000000 Binary files a/images/gitea.png and /dev/null differ diff --git a/images/gitea192.png b/images/gitea192.png deleted file mode 100644 index 882342c..0000000 Binary files a/images/gitea192.png and /dev/null differ diff --git a/images/gitea512.png b/images/gitea512.png deleted file mode 100644 index 13ad586..0000000 Binary files a/images/gitea512.png and /dev/null differ diff --git a/index.html b/index.html index 44001b0..6d5d731 100644 --- a/index.html +++ b/index.html @@ -3,38 +3,38 @@ - - - - - - - - - Live Edtv + + + + + + + + + Live Edtv -
+

Test

-
-
+
+
-
-
- +
+
+ +
+
+
-
-
-
-
- - - - - - +
+ + + + + + diff --git a/index.js b/index.js index 05edcbf..2c5ca2a 100644 --- a/index.js +++ b/index.js @@ -1,82 +1,82 @@ const vids = [ - { - url: "https://vdo.mwit.ac.th/live/live1/playlist.m3u8", - thumbnail: "images/Mlive1.png", - name: "CH1", - subtitle: "การประชาสัมพันธ์", - }, - { - url: "https://vdo.mwit.ac.th/live/live2/playlist.m3u8", - thumbnail: "images/Mlive2.png", - name: "CH2", - subtitle: "หอประชุมพระอุบาลีคุณูปมาจารย์", - }, - { - url: "https://vdo.mwit.ac.th/live/live3/playlist.m3u8", - thumbnail: "images/Mlive3.png", - name: "CH3", - subtitle: "ห้องประชุม ศ.ดร.ณัฐ ภมรประวัติ", - }, - { - url: "https://vdo.mwit.ac.th/live/live4/playlist.m3u8", - thumbnail: "images/Mlive4.png", - name: "CH4", - subtitle: "ห้องฉายภาพยนตร์สามมิติ", - }, - { - url: "https://vdo.mwit.ac.th/live/live5/playlist.m3u8", - thumbnail: "images/Mlive5.png", - name: "CH5", - subtitle: "ห้องประชุม ดร.โกวิท วรพิพัฒน์", - }, - { - url: "https://vdo.mwit.ac.th/live/live6/playlist.m3u8", - thumbnail: "images/Mlive6.png", - name: "CH1_science", - subtitle: "สาระวิทยาศาสตร์1", - }, - { - url: "https://vdo.mwit.ac.th/live/live7/playlist.m3u8", - thumbnail: "images/Mlive7.png", - name: "CH2_science", - subtitle: "สาระวิทยาศาสตร์2", - }, - { - url: "https://vdo.mwit.ac.th/live/live8/playlist.m3u8", - thumbnail: "images/Mlive8.png", - name: "CH_Biology", - subtitle: "สาระน่ารู้...ชีววิทยา", - }, - { - url: "https://vdo.mwit.ac.th/live/live9/playlist.m3u8", - thumbnail: "images/Mlive9.png", - name: "CH_Chemical", - subtitle: "สาระน่ารู้...เคมี", - }, - { - url: "https://vdo.mwit.ac.th/live/live10/playlist.m3u8", - thumbnail: "images/Mlive10.png", - name: "CH_Physics", - subtitle: "สาระน่ารู้...ฟิสิกส์", - }, - { - url: "https://vdo.mwit.ac.th/live/live11/playlist.m3u8", - thumbnail: "images/Mlive11.png", - name: "CH_Math", - subtitle: "สาระน่ารู้...คณิตศาสตร์", - }, - { - url: "https://vdo.mwit.ac.th/live/ch21/playlist.m3u8", - thumbnail: "images/voice tv.jpg", - name: "Free TV CH21", - subtitle: "Voice TV", - }, - { - url: "https://vdo.mwit.ac.th/live/ch23/playlist.m3u8", - thumbnail: "images/Workpoint TV.png", - name: "Free TV CH23", - subtitle: "Workpoint TV", - }, + { + url: "https://vdo.mwit.ac.th/live/live1/playlist.m3u8", + thumbnail: "images/Mlive1.png", + name: "CH1", + subtitle: "การประชาสัมพันธ์", + }, + { + url: "https://vdo.mwit.ac.th/live/live2/playlist.m3u8", + thumbnail: "images/Mlive2.png", + name: "CH2", + subtitle: "หอประชุมพระอุบาลีคุณูปมาจารย์", + }, + { + url: "https://vdo.mwit.ac.th/live/live3/playlist.m3u8", + thumbnail: "images/Mlive3.png", + name: "CH3", + subtitle: "ห้องประชุม ศ.ดร.ณัฐ ภมรประวัติ", + }, + { + url: "https://vdo.mwit.ac.th/live/live4/playlist.m3u8", + thumbnail: "images/Mlive4.png", + name: "CH4", + subtitle: "ห้องฉายภาพยนตร์สามมิติ", + }, + { + url: "https://vdo.mwit.ac.th/live/live5/playlist.m3u8", + thumbnail: "images/Mlive5.png", + name: "CH5", + subtitle: "ห้องประชุม ดร.โกวิท วรพิพัฒน์", + }, + { + url: "https://vdo.mwit.ac.th/live/live6/playlist.m3u8", + thumbnail: "images/Mlive6.png", + name: "CH1_science", + subtitle: "สาระวิทยาศาสตร์1", + }, + { + url: "https://vdo.mwit.ac.th/live/live7/playlist.m3u8", + thumbnail: "images/Mlive7.png", + name: "CH2_science", + subtitle: "สาระวิทยาศาสตร์2", + }, + { + url: "https://vdo.mwit.ac.th/live/live8/playlist.m3u8", + thumbnail: "images/Mlive8.png", + name: "CH_Biology", + subtitle: "สาระน่ารู้...ชีววิทยา", + }, + { + url: "https://vdo.mwit.ac.th/live/live9/playlist.m3u8", + thumbnail: "images/Mlive9.png", + name: "CH_Chemical", + subtitle: "สาระน่ารู้...เคมี", + }, + { + url: "https://vdo.mwit.ac.th/live/live10/playlist.m3u8", + thumbnail: "images/Mlive10.png", + name: "CH_Physics", + subtitle: "สาระน่ารู้...ฟิสิกส์", + }, + { + url: "https://vdo.mwit.ac.th/live/live11/playlist.m3u8", + thumbnail: "images/Mlive11.png", + name: "CH_Math", + subtitle: "สาระน่ารู้...คณิตศาสตร์", + }, + { + url: "https://vdo.mwit.ac.th/live/ch21/playlist.m3u8", + thumbnail: "images/voice tv.jpg", + name: "Free TV CH21", + subtitle: "Voice TV", + }, + { + url: "https://vdo.mwit.ac.th/live/ch23/playlist.m3u8", + thumbnail: "images/Workpoint TV.png", + name: "Free TV CH23", + subtitle: "Workpoint TV", + }, ]; const videoListContainer = document.querySelector('#videoListContainer'); @@ -84,10 +84,10 @@ const titleText = document.querySelector('#titleText'); const vidPlayer = document.querySelector('#vidPlayer'); const createVidList = () => { - var vidElements = ""; + var vidElements = ""; - vids.forEach((item, index) => { - vidElements += `
+ vids.forEach((item, index) => { + vidElements += `
thumbnail
${item.name}
@@ -95,46 +95,46 @@ const createVidList = () => {
`; - }); + }); - videoListContainer.innerHTML = vidElements; -} + videoListContainer.innerHTML = vidElements; +}; var hls = null; var currentVideo = 0; const changeVid = index => { - let oldSelectedVideo = document.querySelector(`#playlistEntry${currentVideo}`); - oldSelectedVideo.classList.remove("bg-dark"); - oldSelectedVideo.classList.remove("text-light"); - if(!hls==null) { - console.log("Removing HLS.js"); - hls.detachMedia(vidPlayer); - hls = null; - } + let oldSelectedVideo = document.querySelector(`#playlistEntry${currentVideo}`); + oldSelectedVideo.classList.remove("bg-dark"); + oldSelectedVideo.classList.remove("text-light"); + if(!hls==null) { + console.log("Removing HLS.js"); + hls.detachMedia(vidPlayer); + hls = null; + } - console.log("Switching video to index", index); - titleText.innerHTML = vids[index].name; - currentVideo = index; + console.log("Switching video to index", index); + titleText.innerHTML = vids[index].name; + currentVideo = index; - let newSelectedVideo = document.querySelector(`#playlistEntry${currentVideo}`) - newSelectedVideo.classList.add("bg-dark"); - newSelectedVideo.classList.add("text-light"); + let newSelectedVideo = document.querySelector(`#playlistEntry${currentVideo}`) + newSelectedVideo.classList.add("bg-dark"); + newSelectedVideo.classList.add("text-light"); - if(!/Android|webOS|iPhone|iPad|iPod|Edge|iOS/i.test(navigator.userAgent) && - Hls.isSupported() && - vids[index].url.endsWith(".m3u8")) { - console.log("Using HLS.js"); - hls = new Hls(); - hls.loadSource(vids[index].url); - hls.attachMedia(vidPlayer); - hls.on(Hls.Events.MANIFEST_PARSED,()=>{video.play();}); - } - else { - vidPlayer.src = vids[index].url; - vidPlayer.play(); - } -} + if(!/Android|webOS|iPhone|iPad|iPod|Edge|iOS/i.test(navigator.userAgent) && + Hls.isSupported() && + vids[index].url.endsWith(".m3u8")) { + console.log("Using HLS.js"); + hls = new Hls(); + hls.loadSource(vids[index].url); + hls.attachMedia(vidPlayer); + hls.on(Hls.Events.MANIFEST_PARSED,()=>{video.play();}); + } + else { + vidPlayer.src = vids[index].url; + vidPlayer.play(); + } +}; createVidList(); changeVid(currentVideo);