2017-02-15 7 views
2

Ich habe vor kurzem eine Decke über hearthstone, aber wenn ich auf dem Karte klicken (Bild) auf meinem localhost spielt den Sound (wie beabsichtigt), während, wenn ich auf auf der Karte (Bild) auf meinem Online-Hosting lädt es die Datei herunter.Javascript Kraft spielt Sound statt herunterladen

Gibt es einen Weg, um sicherzustellen, dass es immer den Ton spielt?

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.card').click(function(){ 
      $('#wrap').html('<embed id="embed_player" src="'+$(this).attr('name')+'" autostart="true" hidden="true"></embed>'); 
     }); 
    }); 
</script> 
<div id="pictures">  
    <img name="media/Sir-finly.mp3" src="media/Sir finly.gif" class="card"  id="sir-finly" alt="" /> 
    <img name="media/ShifterZerus.mp3" src="media/ShifterZerus.gif" class="card" id="shifterzerus" alt="" /> 
    <div id="wrap"></div> 
</div> 

hoffe ihr könnt mir helfen.

+0

Der Server fügt diesen Header hinzu: 'Content-Disposition: attachment'? es zwingt den Download (im Gegensatz zu 'Content-Disposition: inline'). Um neugierig zu sein, warum nicht das'

+0

Es fügt nicht so weit hinzu, dass ich in der Konsole sehen kann. Ich benutze dies anstelle des Audio-Tags, weil mein Lehrer sagte, das würde besser funktionieren, wenn ich dies in der Lektion mache, wo wir Dinge wie JavaScript gelernt haben. – djquinn

+0

es ist fraglich, mit 'Audio' wirst du auf HTML5-Unterstützung beschränkt sein, in der Erwägung, dass "embed" anscheinend übrig geblieben ist und nie wirklich in den verschiedenen Browsern implementiert wurde (aber seine Unterstützung ist immer noch vorhanden). Nie verwendet 'embed', also kann ich nicht definitiv sein. – Kaddath

Antwort

0

Sie können Audio-Tag statt einbetten.
Beispiel: http://codepen.io/anon/pen/LxaLMO

HTML

<div id="pictures">  
<img name="http://developer.mozilla.org/@api/deki/files/2926/=AudioTest_(1).ogg" src="http://megaicons.net/static/img/icons_sizes/8/178/256/numbers-1-filled-icon.png" class="card"  id="sir-finly" alt="" /> 
<img name="http://developer.mozilla.org/@api/deki/files/2926/=AudioTest_(2).ogg" src="http://www.freeiconspng.com/uploads/number-2-two-icon-13.png" class="card" id="shifterzerus" alt="" /> 
<audio id="player" src="" autoplay></audio> 

JS

$(document).ready(function() { 
    $('.card').click(function(){ 
     $('#player').attr('src', $(this).attr('name')); 
    }); 
}); 

Dokumentation: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio

+0

This Englisch: www.mjfriendship.de/en/index.php?op...39&Itemid=32 Es hilft mir dabei, dass die Datei nicht mehr heruntergeladen wird, aber mein Browser spielt die Datei aus irgendeinem Grund immer noch nicht ab. Liegt es daran, dass ich Oper benutze oder etwas mit dem Hosting machen muss oder sogar mit dem? Code? – djquinn

+0

@djquinn Welche Version von Opera verwendest du? Sie können die Browserkompatibilität des Audio-Tags [hier] sehen (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio). Versuchen Sie es in anderen Browsern. Wenn es nicht funktioniert, kann es ein Problem Ihres Hosting-Providers sein. –

+0

Ich habe die Website in verschiedenen Browsern getestet und das Ergebnis ist in jedem Browser gleich. Ich vermute, dass das Problem in meinem Hosting liegt, weil es auf meinem localhost funktioniert. – djquinn

Verwandte Themen