User:Vitrinekast/Snatch these snippets - Revision history

Vitrinekast at 12:09, 24 October 2023

2023-10-24T12:09:09Z

← Older revision		Revision as of 14:09, 24 October 2023
Line 3:		Line 3:
	== Remix Mixcloud ==		== Remix Mixcloud ==
	(copy paste it into the console of your browser when visiting mixcloud.com)		(copy paste it into the console of your browser when visiting mixcloud.com)
	<~~code~~>		<syntaxhighlight>
	var remixCloud = function () {		var remixCloud = function () {
	var audio = document.querySelector("audio");		var audio = document.querySelector("audio");
Line 10:		Line 10:
	var as = document.querySelectorAll("a");		var as = document.querySelectorAll("a");
	var timeout;		var timeout;

	document.addEventListener("mousemove", function (e) {		document.addEventListener("mousemove", function (e) {
	if (!timeout) {		if (!timeout) {
Line 39:		Line 38:

	remixCloud();		remixCloud();
	</~~code~~>		</syntaxhighlight >
	== Adding audio elements to index files ==		== Adding audio elements to index files ==
	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript">

Vitrinekast at 12:07, 24 October 2023

2023-10-24T12:07:46Z

← Older revision		Revision as of 14:07, 24 October 2023
Line 2:		Line 2:

	== Remix Mixcloud ==		== Remix Mixcloud ==
	~~Re-Mixcloud~~
	(copy paste it into the console of your browser when visiting mixcloud.com)		(copy paste it into the console of your browser when visiting mixcloud.com)
			<code>
	var remixCloud = function () {		var remixCloud = function () {
	var audio = document.querySelector("audio");		var audio = document.querySelector("audio");
Line 39:		Line 39:

	remixCloud();		remixCloud();
			</code>
	== Adding audio elements to index files ==		== Adding audio elements to index files ==
	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript">

Vitrinekast at 12:07, 24 October 2023

2023-10-24T12:07:28Z

← Older revision		Revision as of 14:07, 24 October 2023
Line 1:		Line 1:
	Copy-paste this into your console! (Right click -> inspect elements > console)		Copy-paste this into your console! (Right click -> inspect elements > console)

			== Remix Mixcloud ==
			Re-Mixcloud
			(copy paste it into the console of your browser when visiting mixcloud.com)
			var remixCloud = function () {
			var audio = document.querySelector("audio");
			var svgs = document.querySelectorAll("svg");
			var h1s = document.querySelectorAll("h1, h2, h3,button,img");
			var as = document.querySelectorAll("a");
			var timeout;

			document.addEventListener("mousemove", function (e) {
			if (!timeout) {
			timeout = window.setTimeout(function () {
			timeout = false;
			var r = 3 * (e.clientY / window.innerWidth) + 0.25;
			audio.playbackRate = r;
			audio.currentTime = audio.duration * (e.clientX / window.innerWidth);

			svgs.forEach((el) => {
			el.style.transform = `scale(${(r, r)})`;
			});

			as.forEach((el) => {
			el.style.transform = `rotate(${r * 20}deg)`;
			});

			document.body.style.transform = `rotate(${r * -4}deg)`;

			h1s.forEach((el) => {
			el.style.transform = `rotate(${r * 10}deg)`;
			});

			}, 100);
			}
			});
			};

			remixCloud();

	== Adding audio elements to index files ==		== Adding audio elements to index files ==

Vitrinekast at 10:42, 9 October 2023

2023-10-09T10:42:55Z

← Older revision		Revision as of 12:42, 9 October 2023
Line 14:		Line 14:
	link.insertAdjacentElement("afterend", audioEl)		link.insertAdjacentElement("afterend", audioEl)
	};		};

			// or an image
			if(link.href.match(/\.(?:jpg\|png)$/i)) {
			var imgEl = document.createElement("img");
			imgEl.src = link;
			imgEl.style.display = "block";
			link.insertAdjacentElement("afterend", imgEl)
			}
	});		});
	</syntaxhighlight>		</syntaxhighlight>

Vitrinekast at 10:30, 9 October 2023

2023-10-09T10:30:39Z

← Older revision		Revision as of 12:30, 9 October 2023
Line 5:		Line 5:
	// select all links		// select all links
	document.querySelectorAll("a").forEach((link) => {		document.querySelectorAll("a").forEach((link) => {
	// if it includes your audio format		// if it includes your audio format (regex)
			if(link.href.match(/\.(?:wav\|mp3)$/i)) {
	if(link.href.~~indexOf~~(".mp3") ~~> 0~~) {
	// create an audio element and set its source to yourlink		// create an audio element and set its source to yourlink
	var audioEl = document.createElement("audio");		var audioEl = document.createElement("audio");

Vitrinekast: Created page with "Copy-paste this into your console! (Right click -> inspect elements > console) == Adding audio elements to index files == // select all links document.querySelectorAll("a").forEach((link) => { // if it includes your audio format if(link.href.indexOf(".mp3") > 0) { // create an audio element and set its source to yourlink var audioEl = document.createElement("audio"); audioEl.src = link.href; au..."

2023-10-09T10:27:20Z

Created page with "Copy-paste this into your console! (Right click -> inspect elements > console) == Adding audio elements to index files == <syntaxhighlight lang="javascript"> // select all links document.querySelectorAll("a").forEach((link) => { // if it includes your audio format if(link.href.indexOf(".mp3") > 0) { // create an audio element and set its source to yourlink var audioEl = document.createElement("audio"); audioEl.src = link.href; au..."

New page

Copy-paste this into your console! (Right click -> inspect elements > console)

== Adding audio elements to index files ==
<syntaxhighlight lang="javascript">
// select all links
document.querySelectorAll("a").forEach((link) => {
// if it includes your audio format

if(link.href.indexOf(".mp3") > 0) {
// create an audio element and set its source to yourlink
var audioEl = document.createElement("audio");
audioEl.src = link.href;
audioEl.controls = true;
audioEl.style.display = "block";
link.insertAdjacentElement("afterend", audioEl)
};
});
</syntaxhighlight>