Mijn idee is een muziek speler als iTunes te maken met ASP, JavaScript en XML (mss ook AJAX).
Eerst duid ik een map aan met mp3's, een ASP pagina indexeert die in een XML bestand
In dat bestand telkens gaat het absolute pad naar elk mp3'tje en de ID3 Tag.
VB:
Dan heb ik de index-pagina waarin al die liedjes uit het XML bestand worden weergegeven (iTunes look).
Nu wil ik dat als ik dubbelklik (ondblclick) het liedje begint te spelen.
Maar het liedje op mijn harde schijf en niet op mijn webserver, waar er geen op staan.
En als dit ook mogelijk is een Play/Pause knop.
Ook belangrijk is dat het werkt in Firefox (1.5.0.2).
Ik denk dat dit wel mogelijk is met een beetje JS en liefst geen Flash, want dat heb ik nog niet geleerd.
Ik heb al eens geprobeerd, maar het lukte totaal niet.
Alvast bedankt.
Eerst duid ik een map aan met mp3's, een ASP pagina indexeert die in een XML bestand
In dat bestand telkens gaat het absolute pad naar elk mp3'tje en de ID3 Tag.
VB:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| <?xml version="1.0"?>
<music>
<song>
<id>1</id>
<file>D:\Muziek\Eels\B Sides and Rarities\Eels - Altar Boy.mp3</file>
<title>Altar Boy</title>
<artist>Eels</artist>
<album>B-Sides and Rarities</album>
<track>6</track>
<year></year>
</song>
<song>
<id>2</id>
<file>D:\Muziek\Eels\B Sides and Rarities\Eels - Animal.mp3</file>
<title>Animal</title>
<artist>Eels</artist>
<album>B-Sides and Rarities</album>
<track>4</track>
<year></year>
</song>
</music> |
Dan heb ik de index-pagina waarin al die liedjes uit het XML bestand worden weergegeven (iTunes look).
Nu wil ik dat als ik dubbelklik (ondblclick) het liedje begint te spelen.
Maar het liedje op mijn harde schijf en niet op mijn webserver, waar er geen op staan.
En als dit ook mogelijk is een Play/Pause knop.
Ook belangrijk is dat het werkt in Firefox (1.5.0.2).
Ik denk dat dit wel mogelijk is met een beetje JS en liefst geen Flash, want dat heb ik nog niet geleerd.
Ik heb al eens geprobeerd, maar het lukte totaal niet.
code:
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
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Music Player</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" language="javascript">
<!--
function play(file) {
document.song.src = file
}
-->
</script>
</head>
<body>
<div id="header">
<embed id="song" name="song" src="" hidden="true" border="0" width="20" height="20" autostart="true" loop="false" />
</div>
<div id="library">
<table width="100%" border="0" cellspacing="0" id="library">
<tr>
<th>Naam:</th>
<th>Artiest:</th>
<th>Album:</th>
<th>Track:</th>
<th>Jaar:</th>
</tr>
<tr ondblclick="play('D:\Muziek\Eels\B Sides and Rarities\Eels - Altar Boy.mp3')">
<td>Altar Boy</td>
<td>Eels</td>
<td>B-Sides and Rarities</td>
<td>6</td>
<td></td>
</tr>
<tr id="alt" ondblclick="play('D:\Muziek\Eels\B Sides and Rarities\Eels - Animal.mp3')">
<td>Animal</td>
<td>Eels</td>
<td>B-Sides and Rarities</td>
<td>4</td>
<td></td>
</tr>
</table>
</div>
</body>
</html> |
Alvast bedankt.
:strip_exif()/u/57225/axiiconsm.gif?f=community)
/u/46804/crop5f989efcbb253.png?f=community)
/u/14091/icon.png?f=community){kind=icon}
:strip_exif()/u/50656/andre-scholten-avatar.gif?f=community){kind=avatar}
