tfl/YTDJ
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added social meta; a bit of cleaning

Browse Source
This commit is contained in:
TFLCL
2022-07-07 09:33:11 +02:00
parent 6d916f1951
commit 538f3352c3
4 changed files with 45 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
img/social.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 62 KiB

22
index.html
View File

@@ -1,16 +1,21 @@
<!doctype html> <!doctype html>
<html class="no-js" lang=""> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>YTDJ!</title> <title>YTDJ!🔊 Mix like a pro youtube DJ! 🎧</title>
<meta name="description" content=""> <meta name="description" content="Mix tracks from youtube like a true DJ! Make smooth transitions, funny layerings, and make everyone dance!">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="dj,mixing,youtube,crossfader,transition,volume,fading,party">
<meta property="og:title" content=""> <meta property="og:title" content="YTDJ!🔊 Mix like a pro youtube DJ! 🎧">
<meta property="og:type" content=""> <meta property="og:type" content="website">
<meta property="og:url" content=""> <meta property="og:url" content="https://dj.tflcl.xyz">
<meta property="og:image" content=""> <meta property="og:image" content="https://dj.tflcl.xyz/img/social.png">
<meta name="og:image:width" content="1600">
<meta name="og:image:height" content="800">
<meta name="twitter:card" content="summary_large_card">
<meta name="twitter:image" content="https://dj.tflcl.xyz/img/social.png">
<link rel="apple-touch-icon" sizes="180x180" href="/img/icon/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="180x180" href="/img/icon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/img/icon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="32x32" href="/img/icon/favicon-32x32.png">
@@ -90,8 +95,9 @@
</div> </div>
<!-- Some light analytics to know how people use this website -->
<script async defer data-website-id="8db8311f-63a6-47d5-a77f-7d9b80db22b1" src="https://stats.tflcl.xyz/sucre.js"></script> <script async defer data-website-id="8db8311f-63a6-47d5-a77f-7d9b80db22b1" src="https://stats.tflcl.xyz/sucre.js"></script>
<!-- Background was first made using P5JS -->
<!-- <script src="/js/vendor/p5.js"></script> <!-- <script src="/js/vendor/p5.js"></script>
<script src="/js/vendor/p5.svg.js"></script> <script src="/js/vendor/p5.svg.js"></script>
<script src="/js/sketch.js"></script> --> <script src="/js/sketch.js"></script> -->

34
js/main.js
View File

@@ -1,4 +1,4 @@
// Loads the IFrame Player API code asynchronously. // Loads the Youtube IFrame Player API code asynchronously.
let tag = document.createElement('script'); let tag = document.createElement('script');
tag.src = 'https://www.youtube.com/iframe_api'; tag.src = 'https://www.youtube.com/iframe_api';
let firstScriptTag = document.getElementsByTagName('script')[0]; let firstScriptTag = document.getElementsByTagName('script')[0];
@@ -213,14 +213,36 @@ function fetch_bandcamp_url(url) {
console.log('scrap: ' + scrap); console.log('scrap: ' + scrap);
} }
// Thumbnails: https://i1.ytimg.com/vi/{trackID}/mqdefault.jpg
// Converts values from 0-255 to 00-ff
function componentToHex(c) { function componentToHex(c) {
var hex = c.toString(16); var hex = c.toString(16);
return hex.length == 1 ? "0" + hex : hex; return hex.length == 1 ? "0" + hex : hex;
} }
// Thumbnails: https://i1.ytimg.com/vi/{trackID}/mqdefault.jpg
let bcURL = 'https://clett.bandcamp.com/track/placenta'; // -----------------------------------
// BANDCAMP Tests
// -----------------------------------
// let bcURL = 'https://clett.bandcamp.com/track/placenta';
// let request = new Request(bcURL);
// let headers = new Headers({
// 'X-Requested-With': 'com.bandcamp.android',
// 'Content-Type': 'application/json',
// 'User-Agent': 'Dalvik/2.1.0 (Linux; U; Android 9; Unknown Device)',
// 'Host': 'bandcamp.com',
// });
//
// let data;
// fetch(bcURL, {
// method: 'GET',
// headers: headers
// })
// .then(response => response.json())
// .then(data => console.log('data: ' + data));
// console.log('response: ' + data);
// console.log('data: ' + data);
// let html = async await fetch(bcURL).text(); // html as text // let html = async await fetch(bcURL).text(); // html as text
// let doc = new DOMParser().parseFromString(html, 'text/html'); // let doc = new DOMParser().parseFromString(html, 'text/html');
// doc.title; doc.body; // doc.title; doc.body;
@@ -233,6 +255,11 @@ let bcURL = 'https://clett.bandcamp.com/track/placenta';
// console.log(Http.responseText) // console.log(Http.responseText)
// } // }
// -----------------------------------
// BACKGROUND
// -----------------------------------
let areStarsShooting = true; let areStarsShooting = true;
let shootingStarWrapper = document.getElementsByClassName('shooting-stars-wrapper')[0]; let shootingStarWrapper = document.getElementsByClassName('shooting-stars-wrapper')[0];
let shootingStar; let shootingStar;
@@ -299,6 +326,7 @@ document.getElementById('shooting-stars-enable').addEventListener('click', () =>
}); });
// Enable/disable shooting stars (with P5JS background) // Enable/disable shooting stars (with P5JS background)
// if (typeof processingSketch !== 'undefined') { // if (typeof processingSketch !== 'undefined') {
// let separatorSpan = document.createElement('span'); // let separatorSpan = document.createElement('span');

24
js/plugins.js
View File

@@ -1,24 +0,0 @@
// Avoid `console` errors in browsers that lack a console.
(function() {
var method;
var noop = function () {};
var methods = [
'assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'error',
'exception', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log',
'markTimeline', 'profile', 'profileEnd', 'table', 'time', 'timeEnd',
'timeline', 'timelineEnd', 'timeStamp', 'trace', 'warn'
];
var length = methods.length;
var console = (window.console = window.console || {});
while (length--) {
method = methods[length];
// Only stub undefined methods.
if (!console[method]) {
console[method] = noop;
}
}
}());
// Place any jQuery/helper plugins in here.