2017-02-15 19 views
2

Недавно я сделал деку о Хартстоне, но когда я нажимаю на карт (изображение) на моем локальном хосте он играет звука (как предназначенные), в то время, когда я нажимаю на карте (изображение) на моем онлайн-хостинге он загружает файл.Javascript сила воспроизведение звук вместо загрузки

Есть ли способ убедиться, что он всегда воспроизводит звук?

<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> 

надеюсь, что вы, ребята, можете мне помочь.

+0

это сервер, добавляющий этот заголовок: 'Content-Disposition: attachment'? он заставляет загружать (наоборот, это «Content-Disposition: inline». Просто любопытно, почему бы не использовать тег '

+0

Это не добавление, которое пока доступно в консоли. Причина, по которой я ' m, используя это вместо звукового тега, заключается в том, что мой учитель сказал, что это будет работать лучше, когда я делаю это на уроке, где мы узнали такие вещи, как JavaScript. – djquinn

+0

это дискуссионно, с 'audio' вы будете ограничены поддержкой HTML5, в то время как 'embed', похоже, остался и никогда не реализовывался в стандартном стандартном режиме в разных браузерах (но его поддержка все еще существует). Никогда не использовалось' embed', поэтому я не могу быть окончательным. – Kaddath

ответ

0

Вы можете использовать аудио тег вместо embed.
Пример: 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')); 
    }); 
}); 

Документация: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio

+0

действительно помогает в том, что он больше не загружает файл, но мой браузер по-прежнему не будет воспроизводить файл по какой-либо причине. Это потому, что я использую оперу или ему нужно что-то делать с хостингом или даже с код – djquinn

+0

@ djquinn какую версию оперы вы используете? Вы можете видеть совместимость обозревателя аудио тегов [здесь] (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio). Попробуйте его в другом браузере. Если это не работает, возможно, это проблема вашего хостинг-провайдера. –

+0

Я тестировал сайт в некоторых браузерах прямо сейчас, и результат одинаковый в каждом браузере. Я предполагаю, что проблема заключается в моем хостинге, потому что он работает на моем локальном хосте. – djquinn

Смежные вопросы