2010-07-22 5 views
1

J'essaie d'ajouter le contrôle audio HTML5 à ma page. Voici le code:Problème avec le contrôle audio HTML5 dans Visual Studio 2010 et ASP.NET MVC

<audio src="../../Content/BattleNet_MusicLoop.ogg" 
controls="controls" autoplay="autoplay" loop="loop"> 
Your browser does not support the new HTML5 audio element. 
</audio> 

Lorsque je clique sur le débogage, je peux voir le lecteur audio pendant environ une seconde, puis il tourne Gret foncé avec la lumière « x » icône au milieu. J'ai cliqué sur "Copy Audio Source" et la source semble être correcte. Le navigateur n'est pas le problème car il s'agit d'un bêta 1 de Firefox 4.0. Il lit correctement ce lecteur audio HTML5 sur http://www.w3schools.com/html5/tag_audio.asp. C'est de là que je l'ai eu au fait. Je m'appelle Visual Studio 2010 HTML5 add-in by Mikhail Arkhipov. Mon projet est basé sur ASP.NET MVC 2 et .NET Framework 3.5

Des idées sur ce qui pourrait être à l'origine de ce problème?

Répondre

1

Vous devez télécharger la chanson sur un serveur, pour une raison quelconque firefox ne peut pas lire la chanson si elle est sur le localhost, essayez de télécharger le fichier à un hôte comme toofiles et obtenir l'URL et l'utiliser comme src

exemple:

<audio autoplay="autoplay" controls="controls" > 
     <source src="http://dl.toofiles.com/vaaoje/audios/rooster.ogg" type="audio/ogg" /> 
     <source src="http://dl.toofiles.com/vaaoje/audios/rooster.mp3" type="audio/mpeg"/> 
</audio> 

le fichier ogg est pour Firefox et le fichier mp3 pour le chrome et IE.

1

Avez-vous essayé de remplacer "../../Content/BattleNet_MusicLoop.ogg" avec '<% = Url.Content ("~/Contenu/BattleNet_MusicLoop.ogg")%>' ?

+0

Je ne devrais pas? Je vais essayer votre suggestion maintenant. MISE À JOUR: Pas de changement, comme avant. –

1

Essayez-le en chrome, cela devrait fonctionner. J'ai eu le même problème avec Firefox.

Quelle DTD votre page déclare-t-elle?

+0

J'utilise HTML5 comme indiqué sur le site Web W3. Je vais essayer dans Chrome et voir si cela fonctionne. –

Questions connexes