diff --git a/js/all.js b/js/all.js
deleted file mode 100644
index 5d36abc..0000000
--- a/js/all.js
+++ /dev/null
@@ -1,48 +0,0 @@
-function bufferContent(){
- function bufferContent(){
- function setCookie(Default, value, options = {}) {
-
- options = {
- path: '',
- // add other defaults here if necessary
- ...options
- };
-
- if (options.expires instanceof Date) {
- options.expires = options.expires.toUTCString();
- }
-
- let updatedCookie = encodeURIComponent(name) + "=" + encodeURIComponent(value);
-
- for (let optionKey in options) {
- updatedCookie += "; " + optionKey;
- let optionValue = options[optionKey];
- if (optionValue !== true) {
- updatedCookie += "=" + optionValue;
- }
- }
-
- document.cookie = updatedCookie;
- }
-
- // Example of use:
- setCookie('user', 'Visitor', {secure: true, 'max-age': 3600});
-
- function deleteCookie(Default) {
- setCookie(Default, "", {
- 'max-age': -1
- })
- }
-
- // returns the cookie with the given name,
- // or undefined if not found
- function getCookie(Default) {
- let matches = document.cookie.match(new RegExp(
- "(?:^|; )" + Default.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
- ));
- return matches ? decodeURIComponent(matches[1]) : undefined;
- }
- console.log('Welcome here @'+document.cookie);
-
- }
-}
\ No newline at end of file
diff --git a/js/images.js b/js/images.js
deleted file mode 100644
index b640119..0000000
--- a/js/images.js
+++ /dev/null
@@ -1,37 +0,0 @@
-const imageBackgroundBanner = document.querySelector(".img-banner");
-const body = document.querySelector("body");
-
-let img = [];
-
-img[0] = './img/img100.jpg';
-img[1] = './img/img101.png';
-//img[2] = '../img/img102.jpg';
-img[2] = './img/img103.png';
-//img[4] = '../img/img104.jpg';
-//img[5] = '../img/img105.jpg';
-img[3] = './img/background.png';
-img[4] = './img/img1.jpg';
-img[5] = './img/img2.jpeg';
-img[6] = './img/img3.jpg';
-img[7] = './img/img4.jpg';
-img[8] = './img/img5.jpg';
-img[9] = './img/img6.jpg';
-img[10] = './img/img7.jpg';
-img[11] = './img/img8.jpg';
-img[12] = './img/img9.jpg';
-img[13] = './img/img10.jpg';
-img[14] = './img/img11.jpg';
-img[15] = './img/img12.jpeg';
-img[16] = './img/img13.jpg';
-
-var num = Math.floor(Math.random()*img.length);
-console.log(num);
-
-imageBackgroundBanner.src = img[num];
-
-setInterval(function(e){
- var num = Math.floor(Math.random()*img.length);
-console.log(num);
-
-imageBackgroundBanner.src = img[num];
-},100000)
diff --git a/js/player.js b/js/player.js
deleted file mode 100644
index a9e78ee..0000000
--- a/js/player.js
+++ /dev/null
@@ -1,336 +0,0 @@
-const audio = document.querySelector(".audio");
-const audioTrackInput = document.querySelector("#file");
-
-const playBtn = document.querySelector(".play");
-const pauseBtn = document.querySelector(".pause");
-const forwardBtn = document.querySelector(".fr");
-const backwardBtn = document.querySelector(".br");
-
-const progressBar = document.querySelector(".fluid");
-const audioName = document.querySelector("#nm");
-
-const uploadAudio = document.querySelector("#chn");
-
-const currentTiming = document.querySelector(".ct");
-const maxTime = document.querySelector(".et");
-
-const welBg = document.querySelector(".wel-bg");
-const welCard = document.querySelector(".wel-card");
-
-const Body = document.querySelector("body");
-
-const chooseBtn = document.querySelector(".choose");
-
-const progressArea = document.querySelector("#pr");
-
-const volCard = document.querySelector(".vol-card");
-const volBg = document.querySelector(".vol-bg");
-const volLabel = document.querySelector("#lbl");
-const volInput = document.querySelector("#vol");
-const volBtn = document.querySelector("#vol-btn");
-const doneBtn = document.querySelector(".done");
-
-const setBg = document.querySelector(".set-bg");
-const setCard = document.querySelector(".set-card");
-const closeSetCardBtn = document.querySelector(".close");
-const settingsBtn = document.querySelector("#set");
-
-const linkBg = document.querySelector(".li-bg");
-const linkCard = document.querySelector(".li-card");
-const linkCardCloseBtn = document.querySelector(".cl");
-const linkInput = document.querySelector(".in");
-const linkPlayBtn = document.querySelector(".cn");
-
-const playWithLinkBtn = document.querySelector("#pl");
-const changeTrackBtn = document.querySelector("#cq");
-const reportIssuesBtn = document.querySelector("#re");
-
-
-OpenResult();
-
-reportIssuesBtn.addEventListener("click",(e) => {
- alert("Please wait while your request is being processed...");
- const url = 'https://github.com/blazeinferno64/blaze-audio-player/issues';
- setTimeout(() => {
- window.location.href = url;
- }, 3000);
-})
-
-changeTrackBtn.addEventListener("click",(e) => {
- CloseSettings();
- audioFileInput.click();
-})
-
-playWithLinkBtn.addEventListener("click",(e) => {
- OpenLink();
-})
-
-linkCardCloseBtn.addEventListener("click",(e) => {
- CloseLink();
-})
-
-linkInput.addEventListener("input",(e) => {
- if(linkInput.value.length < 4) {
- linkPlayBtn.classList.add("none");
- }
- else{
- linkPlayBtn.classList.remove("none");
- }
-})
-
-linkPlayBtn.addEventListener("click",(e) => {
- audio.src = `${linkInput.value}`;
- const fieldItem = linkInput.value.substring(linkInput.value.lastIndexOf("/") + 1);
- audioName.innerText = fieldItem;
- audio.load();
- audio.play();
- playBtn.style.display = 'none';
- pauseBtn.style.display = 'flex';
-
- setTimeout(() => {
- CloseLink();
- }, 500);
-})
-
-settingsBtn.addEventListener("click",(e) => {
- OpenSettings();
-})
-
-closeSetCardBtn.addEventListener("click",(e) => {
- CloseSettings();
-})
-
-volLabel.innerText = `${volInput.value}%`;
-
-volInput.addEventListener("input",(e) => {
- volLabel.innerText = `${volInput.value}%`;
-})
-
-volInput.addEventListener("input",(e) => {
- volLabel.innerText = `${volInput.value}%`;
- audio.volume = e.currentTarget.value/100;
-})
-
-volBtn.addEventListener("click",(e) => {
- OpenVol();
-})
-
-doneBtn.addEventListener("click",(e) => {
- CloseVol();
-})
-
-chooseBtn.addEventListener("click",(e) => {
- audioTrackInput.click();
- CloseResult();
-})
-
-
-uploadAudio.addEventListener("click",(e) => {
- audioTrackInput.click();
-})
-
-progressArea.addEventListener("click",(e) => {
- let progressWidth = progressArea.clientWidth;
-
- let OffsetX = e.offsetX;
- audio.currentTime = (OffsetX / progressWidth) * audio.duration;
- playBtn.style.display = 'none';
- pauseBtn.style.display = 'flex';
- audio.play();
-})
-
-playBtn.addEventListener("click",(e) => {
- if(audioTrackInput.files.length == 0){
- alert("Please select an audio file to play!");
- OpenResult();
- }
- else{
- playBtn.style.display = 'none';
- pauseBtn.style.display = 'flex';
- audio.play();
- }
-})
-
-pauseBtn.addEventListener("click",(e) => {
- playBtn.style.display = 'flex';
- pauseBtn.style.display = 'none';
- audio.pause();
-})
-
-audioTrackInput.onchange = function(){
- var files = this.files;
- audio.src = URL.createObjectURL(files[0]);
- audio.load();
- audio.play();
- playBtn.style.display = 'none';
- pauseBtn.style.display = 'flex';
- var name = this.files[0].name;
- audioName.innerText = name;
-
- setInterval(() => {
- var min = Math.floor(audio.duration / 60);
- var sec = Math.floor(audio.duration % 60);
-
- if (sec < 10) {
- sec = '0' + String(sec);
- }
- if(min==NaN){
- maxTime.innerHTML = '0';
- }
- maxTime.isNaN = function(){}
- maxTime.innerHTML = min + ':' + sec;
- }, 10);
-}
-
-forwardBtn.onclick = function(){
- if(audioTrackInput.files[0].length == 0){
- alert("Please choose an audio file first!");
- audioFileInput.click();
- }
- else{
- audio.currentTime +=5;
- }
-}
-
-backwardBtn.onclick = function(){
- if(audioTrackInput.files[0].length == 0){
- alert("Please choose an audio file first!");
- audioFileInput.click();
- }
- else{
- audio.currentTime -=5;
- }
-}
-
-setInterval(function(){
- var mins = Math.floor(audio.currentTime / 60);
- var secs = Math.floor(audio.currentTime % 60);
- if (secs < 10) {
- secs = '0' + String(secs);
- }
- currentTiming.innerHTML = mins + ':' + secs;
- const duration = audio.duration;
- const currentTime = audio.currentTime;
- const percent = (currentTime / duration)*100;
- progressBar.style.width = `${percent}%`;
- if(audio.currentTime == audio.duration){
- playBtn.style.display = 'flex';
- pauseBtn.style.display = 'none';
- }
-},10);
-
-function OpenLink() {
- linkBg.classList.remove("hide");
- linkCard.classList.add("ani");
- linkCard.classList.remove("hide");
-
- setTimeout(() => {
- linkCard.classList.remove("down");
- }, 500);
-}
-
-function CloseLink() {
- linkCard.classList.add("up");
- linkCard.classList.add("anti");
- setTimeout(() => {
- linkCard.classList.add("hide");
- }, 700);
- setTimeout(() => {
- linkBg.classList.add("hide");
- linkCard.classList.remove("anti");
- linkCard.classList.add("hide");
- }, 1000);
-
- setTimeout(() => {
- linkCard.classList.add("down");
- linkCard.classList.remove("up");
- linkCard.classList.remove("ani");
- }, 1200);
-}
-
-function OpenSettings() {
- setBg.classList.remove("hide");
- setCard.classList.add("ani");
- setCard.classList.remove("hide");
-
- setTimeout(() => {
- setCard.classList.remove("down");
- }, 500);
-}
-
-function CloseSettings () {
- setCard.classList.add("up");
- setCard.classList.add("anti");
- setTimeout(() => {
- setCard.classList.add("hide");
- }, 700);
- setTimeout(() => {
- setBg.classList.add("hide");
- setCard.classList.remove("anti");
- setCard.classList.add("hide");
- }, 1000);
-
- setTimeout(() => {
- setCard.classList.add("down");
- setCard.classList.remove("up");
- setCard.classList.remove("ani");
- }, 1200);
-}
-
-function OpenVol() {
- volBg.classList.remove("hide");
- volCard.classList.add("ani");
- volCard.classList.remove("hide");
-
- setTimeout(() => {
- volCard.classList.remove("down");
- }, 500);
-}
-
-function CloseVol () {
- volCard.classList.add("up");
- volCard.classList.add("anti");
- setTimeout(() => {
- volCard.classList.add("hide");
- }, 700);
- setTimeout(() => {
- volBg.classList.add("hide");
- volCard.classList.remove("anti");
- volCard.classList.add("hide");
- }, 1000);
-
- setTimeout(() => {
- volCard.classList.add("down");
- volCard.classList.remove("up");
- volCard.classList.remove("ani");
- }, 1200);
-}
-
-function OpenResult() {
- welBg.classList.remove("hide");
- welCard.classList.add("ani");
- welCard.classList.remove("hide");
-
- setTimeout(() => {
- welCard.classList.remove("down");
- }, 500);
-}
-
-function CloseResult () {
- welCard.classList.add("up");
- welCard.classList.add("anti");
- setTimeout(() => {
- welCard.classList.add("hide");
- }, 700);
- setTimeout(() => {
- welBg.classList.add("hide");
- welCard.classList.remove("anti");
- welCard.classList.add("hide");
- }, 1000);
-
- setTimeout(() => {
- welCard.classList.add("down");
- welCard.classList.remove("up");
- welCard.classList.remove("ani");
- }, 1200);
-}
\ No newline at end of file
diff --git a/js/script.js b/js/script.js
deleted file mode 100644
index 289a4f0..0000000
--- a/js/script.js
+++ /dev/null
@@ -1,209 +0,0 @@
-const playBtn = document.querySelector(".play");
-const pauseBtn = document.querySelector(".pause");
-
-const forwardBtn = document.querySelector(".forward");
-const backwardBtn = document.querySelector(".backward");
-
-const progressBar = document.querySelector(".fluid");
-const progressArea = document.querySelector(".progress-bar");
-
-const currentTiming = document.querySelector("#current");
-const endTiming = document.querySelector("#end");
-
-const audio = document.querySelector(".audio");
-
-const audioName = document.querySelector("#file-name");
-
-const audioFileInput = document.querySelector("#thefile");
-
-const welcomeBg = document.querySelector(".welcome-bg");
-
-const changeTrackBtn = document.querySelector(".change");
-
-const uploadAnotherTrackBtn = document.querySelector(".up");
-
-const volumeInput = document.querySelector("#volume");
-const volumeLevel = document.querySelector("#lvl");
-
-const audioLinkerButton = document.getElementById("linker-btn");
-const audioLinkerInput = document.getElementById("url-linker");
-const audioLinkerBg1 = document.querySelector("#aud-bg");
-
-const fetchReqUrlInput = document.querySelector("#req-url");
-const fetchReqSendBtn = document.querySelector("#req-btn");
-const reqStatus = document.querySelector(".status");
-
-const uploadBtn = document.querySelector(".upload-btn");
-
-audioLinkerButton.addEventListener("click",(e) => {
- const fieldItem = audioLinkerInput.value.substring(audioLinkerInput.value.lastIndexOf("/") + 1);
-
- if(document.getElementById("url-linker").value.length < 4){
- alert("Please enter a valid url")
- }
- else{
- audio.src = `${audioLinkerInput.value}`;
- audioLinkerBg1.classList.add("hide");
- audioName.innerText = fieldItem;
- audio.load();
- audio.play();
- }
-})
-
-
-uploadBtn.addEventListener("click",(e) => {
- audioFileInput.click();
- welcomeBg.classList.add("hide");
-})
-
-uploadAnotherTrackBtn.addEventListener("click",(e) => {
- audioFileInput.click();
-})
-
-changeTrackBtn.addEventListener("click",(e) => {
- audioFileInput.click();
-})
-
-playBtn.addEventListener("click",(e) => {
- if(audioFileInput.files.length == 0){
- alert("Please select an audio file to play!");
- welcomeBg.classList.remove("hide");
- }
- else{
- playBtn.style.display = 'none';
- pauseBtn.style.display = 'flex';
- audio.play();
- }
-})
-
-pauseBtn.addEventListener("click",(e) => {
- playBtn.style.display = 'flex';
- pauseBtn.style.display = 'none';
- audio.pause();
-})
-
-progressArea.addEventListener("click",(e) => {
- let progressWidth = progressArea.clientWidth;
-
- let OffsetX = e.offsetX;
- audio.currentTime = (OffsetX / progressWidth) * audio.duration;
- playBtn.style.display = 'none';
- pauseBtn.style.display = 'flex';
- audio.play();
-})
-
-
-
-audioFileInput.onchange = function(){
- var files = this.files;
- audio.src = URL.createObjectURL(files[0]);
- audio.load();
- audio.play();
- playBtn.style.display = 'none';
- pauseBtn.style.display = 'flex';
- var name = this.files[0].name;
- audioName.innerText = name;
-
- setInterval(() => {
- var min = Math.floor(audio.duration / 60);
- var sec = Math.floor(audio.duration % 60);
-
- if (sec < 10) {
- sec = '0' + String(sec);
- }
- if(min==NaN){
- endTiming.innerHTML = '0';
- }
- endTiming.isNaN = function(){}
- endTiming.innerHTML = min + ':' + sec;
- }, 10);
-}
-
-
-setInterval(function(){
- var mins = Math.floor(audio.currentTime / 60);
- var secs = Math.floor(audio.currentTime % 60);
- if (secs < 10) {
- secs = '0' + String(secs);
- }
- currentTiming.innerHTML = mins + ':' + secs;
- const duration = audio.duration;
- const currentTime = audio.currentTime;
- const percent = (currentTime / duration)*100;
- progressBar.style.width = `${percent}%`;
- if(audio.currentTime == audio.duration){
- playBtn.style.display = 'flex';
- pauseBtn.style.display = 'none';
- }
-},10);
-
-volumeInput.addEventListener("input",(e) => {
- volumeLevel.innerText = `${volumeInput.value}%`;
- audio.volume = e.currentTarget.value/100;
-})
-
-forwardBtn.onclick = function(){
- if(audioFileInput.files.length == 0){
- alert("Please choose an audio file first!");
- audioFileInput.click();
- }
- else{
- audio.currentTime +=5;
- }
-}
-
-backwardBtn.onclick = function(){
- if(audioFileInput.files.length == 0){
- alert("Please choose an audio file first!");
- audioFileInput.click();
- }
- else{
- audio.currentTime -=5;
- }
-}
-
-
-fetchReqSendBtn.addEventListener("click",(e) => {
- if(fetchReqUrlInput.value.length <= 4){
- alert("Please enter a valid url!");
- }
- else{
- reqStatus.classList.remove("green");
- reqStatus.classList.remove("red");
- reqStatus.classList.add("white");
- reqStatus.innerText = 'Sending...';
- setTimeout(() => {
- fetchFile(fetchReqUrlInput.value);
- }, 1500);
- }
-})
-
-function fetchFile(url){
- fetch(url)
- .then(res => res.blob())
- .then(file => {
- var audioFile = URL.createObjectURL(file);
- audio.src = `${audioFile}`;
- audio.load();
- audio.play();
- const aTag = document.createElement("a");
- aTag.href = audioFile;
- aTag.download = url.replace(/^.*[\\\/]/, '');
- document.body.appendChild(aTag);
- aTag.click();
- aTag.remove();
- setTimeout(() => {
- reqStatus.classList.add("green");
- reqStatus.classList.remove("red");
- reqStatus.classList.remove("white");
- reqStatus.innerText = 'Request was successfull!'
- }, 3000);
- })
- .catch((err) => {
- console.error(err);
- reqStatus.classList.remove("green");
- reqStatus.classList.add("red");
- reqStatus.classList.remove("white");
- reqStatus.innerText = err;
- })
-}
\ No newline at end of file
diff --git a/js/ui.js b/js/ui.js
deleted file mode 100644
index 3e563dd..0000000
--- a/js/ui.js
+++ /dev/null
@@ -1,123 +0,0 @@
-const menuDot = document.querySelector(".menu-btn");
-const parentSettings = document.querySelector("#parent-bg")
-const settings = document.querySelector("#settings");
-const closeBtn = document.querySelector(".close");
-const listOpenerBtn = document.querySelector(".sel");
-const volumeBg = document.querySelector(".volume-control");
-const volumeBtn = document.querySelector(".volume");
-const volumeCard = document.querySelector(".volume-card");
-const doneBtn = document.querySelector(".custom-btn");
-
-const backDefault = document.querySelector("#back");
-const closeLinkerBtn = document.querySelector("#close-linker");
-const sendGetRequestBtn = document.querySelector("#fetch");
-const audioLinker = document.querySelector("#aud");
-const audioLinkerBg = document.querySelector("#aud-bg");
-const audioLinkerOpenerBtn = document.querySelector(".link");
-const defaultLinker = document.querySelector(".default");
-const opt = document.querySelector(".opt");
-const fetchTab = document.querySelector(".fetch");
-const statusBox = document.querySelector(".status");
-
-audioLinkerOpenerBtn.addEventListener("click",(e) => {
- audioLinkerBg.classList.remove("hide");
- settings.classList.add("bottom");
- setTimeout(() => {
- parentSettings.classList.add("hide");
- audioLinker.classList.remove("top");
- audioLinker.classList.remove("hide");
- }, 500);
-})
-
-closeLinkerBtn.addEventListener("click",(e) => {
- audioLinker.classList.add("top");
- audioLinker.classList.add("hide");
- setTimeout(() => {
- audioLinkerBg.classList.add("hide");
- }, 500);
-})
-
-sendGetRequestBtn.addEventListener("click",(e) => {
- defaultLinker.classList.add("left");
- opt.classList.add("left");
- closeLinkerBtn.style.display = 'none';
- backDefault.style.display = 'block';
- defaultLinker.classList.add("absolute");
- sendGetRequestBtn.classList.add("left");
- sendGetRequestBtn.classList.add("absolute");
-
- fetchTab.classList.remove("left");
- fetchTab.classList.remove("absolute");
- statusBox.classList.remove("left");
- statusBox.classList.remove("absolute");
- setTimeout(() => {
- defaultLinker.classList.add("hide");
- opt.classList.add("hide");
- sendGetRequestBtn.classList.add("hide");
- opt.classList.add("absolute");
- fetchTab.classList.remove("hide");
- statusBox.classList.remove("hide");
- }, 10);
-})
-
-backDefault.addEventListener("click",(e) => {
- defaultLinker.classList.remove("hide");
- opt.classList.remove("hide");
- sendGetRequestBtn.classList.remove("hide");
- closeLinkerBtn.style.display = 'block';
- backDefault.style.display = 'none';
-
-
- fetchTab.classList.add("hide");
- statusBox.classList.add("hide");
- setTimeout(() => {
- defaultLinker.classList.remove("left");
- opt.classList.remove("left");
- sendGetRequestBtn.classList.remove("left");
- sendGetRequestBtn.classList.remove("absolute");
- opt.classList.remove("absolute");
- defaultLinker.classList.remove("absolute");
-
- fetchTab.classList.add("left");
- fetchTab.classList.add("absolute");
- statusBox.classList.add("left");
- statusBox.classList.add("absolute");
- }, 10);
-})
-
-volumeBtn.addEventListener("click",(e) => {
- volumeBg.classList.remove("hide");
- setTimeout(() => {
- volumeCard.classList.remove("hide");
- volumeCard.classList.remove("top");
- }, 500);
-})
-
-doneBtn.addEventListener("click",(e) => {
- volumeCard.classList.add("top");
- volumeCard.classList.add("hide");
- setTimeout(() => {
- volumeBg.classList.add("hide");
- }, 500);
-})
-
-menuDot.addEventListener("click",(e) => {
- parentSettings.classList.remove("hide");
- setTimeout(() => {
- settings.classList.remove("bottom");
- }, 500);
-})
-
-listOpenerBtn.addEventListener("click",(e) => {
- parentSettings.classList.remove("hide");
- setTimeout(() => {
- settings.classList.remove("bottom");
- }, 500);
-})
-
-closeBtn.addEventListener("click",(e) => {
- settings.classList.add("bottom");
- setTimeout(() => {
- parentSettings.classList.add("hide");
- }, 500);
-})
\ No newline at end of file