par
russule » 15 nov. 2013, 11:17
Bonjour à toutes et tous,
Alors voilà,
Je teste quelques fonctionnalités de base sur la balise audio.
Exercice très simple: Afficher la balise audio quand le fichier son est chargé.
J'ai dû faire une erreur quelque part car ce code ne fonctionne pas sur les iphones, ni d'ailleurs sur safari pour windows.
Mais le plus bizarre, c'est que ça marche nickel sur firefox, ie et chrome.
Pourriez-vous me dire où je me suis trompé ?
Merci d'avance parce que là, je sèche vraiment vraiment
Voici le code:
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>test audio</title>
</head>
<body>
Voici le lecteur:<br/>
<div id='audio1' style="display:none;">
<audio onloadeddata="document.getElementById('audio1').style.display='block'" controls="controls" >
<?php
echo '<source src="test.mp3" type="audio/mpeg"/>';
echo '<source src="test.ogg" type="audio/ogg"/>';
echo '<source src="test.wav" type="audio/wav"/>';
echo 'lecteur non supporté par votre navigateur';
?>
</audio>
</div>
</body>
</html>Bonjour à toutes et tous,
Alors voilà,
Je teste quelques fonctionnalités de base sur la balise audio.
Exercice très simple: Afficher la balise audio quand le fichier son est chargé.
J'ai dû faire une erreur quelque part car ce code ne fonctionne pas sur les iphones, ni d'ailleurs sur safari pour windows.
Mais le plus bizarre, c'est que ça marche nickel sur firefox, ie et chrome.
Pourriez-vous me dire où je me suis trompé ?
Merci d'avance parce que là, je sèche vraiment vraiment :(
Voici le code:
[b]<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>test audio</title>
</head>
<body>
Voici le lecteur:<br/>
<div id='audio1' style="display:none;">
<audio onloadeddata="document.getElementById('audio1').style.display='block'" controls="controls" >
<?php
echo '<source src="test.mp3" type="audio/mpeg"/>';
echo '<source src="test.ogg" type="audio/ogg"/>';
echo '<source src="test.wav" type="audio/wav"/>';
echo 'lecteur non supporté par votre navigateur';
?>
</audio>
</div>
</body>
</html>[/b]
