MediaWiki:MusicPlayer.js - Revision history

Wiz Ardon, the Peculiar Enchanter at 17:55, 10 June 2020

2020-06-10T17:55:41Z

← Older revision		Revision as of 17:55, 10 June 2020
Line 96:		Line 96:

	function elementInView(elem){		function elementInView(elem){
	($(window).height() + $(window).scrollTop()) > elem.offsetTop;		($(window).height() + $(window).scrollTop()) > elem.offsetTop
			&& ($(window).height() + $(window).scrollTop()) + 50 < elem.offsetTop;
	}		}

2020-06-10T17:53:27Z

← Older revision		Revision as of 17:53, 10 June 2020
Line 105:		Line 105:

	$(window).scroll(function(){		$(window).scroll(function(){
	console.log(~~"a"~~);		console.log($(window).height() + $(window).scrollTop());
	begins.forEach(function(item) {		begins.forEach(function(item) {
	~~console.log(item.offsetTop);~~
	if (elementInView(item)) {		if (elementInView(item)) {
	console.log("I'm here");		console.log("I'm here");

2020-06-10T17:49:59Z

← Older revision		Revision as of 17:49, 10 June 2020
Line 96:		Line 96:

	function elementInView(elem){		function elementInView(elem){
	($(window).height() + $(window).scrollTop()) > $(elem).offsetTop;		($(window).height() + $(window).scrollTop()) > elem.offsetTop;
	}		}

2020-06-10T17:48:36Z

← Older revision		Revision as of 17:48, 10 June 2020
Line 107:		Line 107:
	console.log("a");		console.log("a");
	begins.forEach(function(item) {		begins.forEach(function(item) {
	console.log(item);		console.log(item.offsetTop);
	if (elementInView(item)) {		if (elementInView(item)) {
	console.log("I'm here");		console.log("I'm here");

2020-06-10T17:46:50Z

← Older revision		Revision as of 17:46, 10 June 2020
Line 107:		Line 107:
	console.log("a");		console.log("a");
	begins.forEach(function(item) {		begins.forEach(function(item) {
	console.log(item)l		console.log(item);
	if (elementInView(item)) {		if (elementInView(item)) {
	console.log("I'm here");		console.log("I'm here");

2020-06-10T17:46:37Z

← Older revision		Revision as of 17:46, 10 June 2020
Line 107:		Line 107:
	console.log("a");		console.log("a");
	begins.forEach(function(item) {		begins.forEach(function(item) {
			console.log(item)l
	if (elementInView(item)) {		if (elementInView(item)) {
	console.log("I'm here");		console.log("I'm here");

2020-06-10T17:44:05Z

← Older revision		Revision as of 17:44, 10 June 2020
Line 106:		Line 106:
	$(window).scroll(function(){		$(window).scroll(function(){
	console.log("a");		console.log("a");
	begins.forEach(function() {		begins.forEach(function(item) {
	if (elementInView(~~$(this)~~)) {		if (elementInView(item)) {
	console.log("I'm here");		console.log("I'm here");
	if (playerReady && isAllowed) {		if (playerReady && isAllowed) {
Line 120:		Line 120:
	}		}
	});		});
	ends.forEach(function() {		ends.forEach(function(item) {
	if (elementInView(~~$(this)~~)) {		if (elementInView(item)) {
	console.log("I'm there");		console.log("I'm there");
	//var vol = fadeout();		//var vol = fadeout();

2020-06-10T14:29:05Z

← Older revision		Revision as of 14:29, 10 June 2020
Line 96:		Line 96:

	function elementInView(elem){		function elementInView(elem){
	~~return~~ $(window).~~scrollTop~~() < $(~~elem~~).~~offsetTop +~~ $(elem).~~height()~~ ;		($(window).height() + $(window).scrollTop()) > $(elem).offsetTop;
	}		}

2020-06-10T14:26:13Z

← Older revision		Revision as of 14:26, 10 June 2020
Line 44:		Line 44:
	function onPlayerReady(event) {		function onPlayerReady(event) {
	playerReady = true;		playerReady = true;
			console.log("Player ready");
	}		}

Line 52:		Line 53:
	function allowMusic() {		function allowMusic() {
	isAllowed = !isAllowed;		isAllowed = !isAllowed;
	//if (~~playerReady~~) ~~player~~.~~playVideo~~();		if(isAllowed) console.log("Music allowed");
	}		}

2020-06-10T14:21:54Z

← Older revision		Revision as of 14:21, 10 June 2020
Line 95:		Line 95:

	function elementInView(elem){		function elementInView(elem){
	return $(window).scrollTop() < $(elem).~~offset().top~~ + $(elem).height() ;		return $(window).scrollTop() < $(elem).offsetTop + $(elem).height() ;
	}		}

Line 108:		Line 108:
	if (elementInView($(this))) {		if (elementInView($(this))) {
	console.log("I'm here");		console.log("I'm here");
	iframe.style.display = 'block';		if (playerReady && isAllowed) {
	//var vol = player.getVolume();		iframe.style.display = 'block';
	//player.setVolume(0);		//var vol = player.getVolume();
	player.videoId = $(this).data-url;		//player.setVolume(0);
	~~if (playerReady && isAllowed)~~ player.playVideo();		player.videoId = $(this).data-url;
	//fadein(vol);		player.playVideo();
			//fadein(vol);
			}
	return false;		return false;
	}		}