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 101 102 103 104 105 106
| <?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:msxsl="urn:schemas-microsoft-com:xslt"
xmlns:user="http://mycompany.com/mynamespace">
<xsl:template match="/">
<html>
<body>
<h2>Liste des musiques</h2>
<table border="1">
<tr bgcolor="#CC0033">
<th style="text-align:left">artiste</th>
<th style="text-align:left">nom</th>
<th style="text-align:left">location</th>
<th style="text-align:left">play</th>
<th style="text-align:left">pause</th>
</tr>
<xsl:for-each select="music/morceau">
<tr>
<td><xsl:value-of select="artiste"/></td>
<td><xsl:value-of select="nom"/></td>
<td> <xsl:value-of select="audio" /> </td>
<td><input type="button" value="play" onclick="user:playAudio()"/>
<td><input type="button" value="pause" onclick="user:pauseAudio()"/>
<xsl:element name="audio">
<xsl:attribute name="id">myAudio</xsl:attribute>
<xsl:attribute name="chemin"><xsl:value-of select="audio"/></xsl:attribute>
<xsl:element name="source">
<xsl:attribute name="src"><xsl:value-of select="audio"/></xsl:attribute>
<xsl:attribute name="type">audio/mpeg</xsl:attribute>
</xsl:element>
</xsl:element>
</td>
</td>
</tr>
</xsl:for-each>
</table>
<script>
var x = document.getElementById("myAudio");
function playAudio() {
x.pause();
x.currentTime = 0;
var y = document.getElementById("myAudio").getAttribute("chemin");
x.play();
console.log(y);
}
function pauseAudio() {
x.pause();
}
</script>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
----------------------------------------------------
<?xml version="1.0" encoding="UTF-8"?>
<!-- New document created with EditiX at Sun Mar 20 12:35:01 VET 2016 -->
<?xml-stylesheet href="projet.xsl" type="text/xsl"?>
<music >
<morceau id="1">
<audio>mp3/1.mp3</audio>
<artiste>sherine abde lwahab</artiste>
<nom>enta akher wahed </nom>
</morceau>
<morceau id="2">
<audio>mp3/2.mp3</audio>
<artiste>hama9i</artiste>
<nom>Agmal Youm </nom>
</morceau>
<morceau id="3">
<audio>mp3/3.mp3</audio>
<artiste>hama9i</artiste>
<nom>Baedna Leh </nom>
</morceau>
<morceau id="4">
<audio>mp3/4.mp3</audio>
<artiste>Marwan Khoury</artiste>
<nom>Fakart Insit </nom>
</morceau>
<morceau id="5">
<audio>mp3/5.mp3</audio>
<artiste>Majed Al Mohandis</artiste>
<nom>Ya Hob Ya Hob</nom>
</morceau>
<audio-player><embed type="audio/mpeg" src="mp3/Enta Akher Wahed , Sherine -إنتَ آخر وآحد , شري.mp3" height="27" width="207" quality="best"></embed></audio-player>
</music> |
Partager