-
Notifications
You must be signed in to change notification settings - Fork 0
/
myJavascript.js
101 lines (81 loc) · 2.34 KB
/
myJavascript.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
var audio;
var playlist;
var tracks;
var current;
var audio; // = document.getElementById("mySong");
var myBody;
var bgList;
var bgIndex;
var numOfImages;
$( document ).ready(function() {
console.log( "ready!" );
});
init();
function init(){
bgList = new Array ("url('images/fireplace01.gif')", "url('images/fireplace02.gif')",
"url('images/white01.jpg')", "url('images/white02.jpg')");
bgIndex = 0;
numOfImages = 4;
current = 0;
audio = $('audio');
audio[0].play();
playlist = $('#playlist');
tracks = playlist.find('li a');
len = tracks.length - 1;
audio[0].volume = .20;
playlist.find('a').click(function(e){
e.preventDefault();
link = $(this);
current = link.parent().index();
run(link, audio[0]);
});
audio[0].addEventListener('ended',function(e){
current++;
if(current == len){
current = 0;
link = playlist.find('a')[0];
}else{
link = playlist.find('a')[current];
}
run($(link),audio[0]);
});
}
function run(link, player){
player.src = link.attr('href');
par = link.parent();
par.addClass('active').siblings().removeClass('active');
audio[0].load();
}
/*
function playSong() {
audio.play();
}
function pauseSong() {
audio.pause();
}
function nextSong(){
var tempFlag = audio.paused;
audio.src = "http://www.archive.org/download/MoonlightSonata_755/Beethoven-MoonlightSonata.mp3";
if(tempFlag==false)
{
audio.play();
}
}
*/
function nextImage(){
myBody = $('body');
bgIndex = bgIndex + 1;
document.body.style.backgroundImage = bgList[bgIndex % numOfImages];
}
function hidePlayer(){
document.getElementById("mySong").style.visibility = "hidden";
document.getElementById("playlist").style.visibility = "hidden";
document.getElementById("hidePlayer").style.visibility = "hidden";
document.getElementById("showPlayer").style.visibility = "visible";
}
function showPlayer(){
document.getElementById("mySong").style.visibility = "visible";
document.getElementById("playlist").style.visibility = "visible";
document.getElementById("hidePlayer").style.visibility = "visible";
document.getElementById("showPlayer").style.visibility = "hidden";
}