bir ses çıkarması getSound işlevini çağırmak için hizmettir. Dönen veriler şarkının URL'si. img etiketine tıkladıktan sonra sesi nasıl çalabilirim? Şu PlaySound işlevi bir hata Error: [$interpolate:interr]
nasıl <br> görüntüle ses etiketi</p> <pre><code><img src="../img/play.svg" alt="Play" ng-click="playSound('exampleWord')" width="48"/> </code></pre> <p></p> <p>Kontrolör oynamak için sesin url elde etmek bir API kullanarak angularjs
9
A
cevap
21
$scope.playAudio = function() {
var audio = new Audio('audio/song.mp3');
audio.play();
};
0
O görünüyor alma
Ben
ng-click="playSound(this)"
veya düğme
ng-click="playSound(document.getElementById('audio'))"
0
var playSound = function(mp3File){
var audioElement = document.createElement('audio');
audioElement.setAttribute('src', "/sound/"+mp3File);
audioElement.play();
}
İlgili konular
- 1. Git, <<<<<<< HEAD dosyasına
- 2. <: <İş nasıl?
- 3. Java, bitshifts kullanırken, neden 1 << 32! = 1 << 31 << 1?
- 4. EJS: <% = versus <% -
- 5. İçinde Gettext kullanarak PHP <<< EOF dizgisi
- 6. $ rootScope değişkenini nasıl yazdırabilirim?</p> <pre><code><td><img src="{{$rootScope.s3BucketUrl}}"/></td> </code></pre> <p>ve bu onu tanımlanan nerede:
- 7. dönüştürme <IMG> Bu</p> <pre><code><img id='my_img' src='www.someimage.com'> </code></pre> <p>gibi bir görüntü var Javascript
- 8. "<%:" ne yapıyor?</p> <pre><code><%: Model.FirstName %> </code></pre> <p>"<%:" Ne vermez: do
- 9. Çakışan daireler nasıl birleştirilir?</p> <p><img src="https://i.stack.imgur.com/5SqXU.jpg" alt="AltText"></p> <p>olur böylece istiyorum
- 10. İçindeki eleman sayısı <5 in <a1 <0</ a1><T>
- 11. jqPlot: eksenleri gizler misiniz?</p> <p><img src="https://i.stack.imgur.com/CNwPq.png" alt="with ticks"></p> <p>Ayar:
- 12. Nedir? ve << demek?
- 13. Atom - <kbd>alt</kbd> - - Atom <kbd>=</kbd>
- 14. <nedir? ve <? php
- 15. Kanal seç <- <- Kanal
- 16. <img> ve <a> iç <span> ve sadece açıklık altındaki simgeler (<code>img</code>) ve metin (<code>span</code>) ile bir bağlantı ben bir menü
- 17. XPath - tüm elemanlar alt elemanlara belge</p> <pre><code><a> <b> <c/> <d/> </b> <b> <c/> <d/> </b> </a> </code></pre> <p>Verilen
- 18. Şu izle ifadem tutan bana gösteriyor Şu anda bir</p> <pre><code>Expression<Func<T,bool>> </code></pre> <p>bir</p> <pre><code>Expression<Func<T,object>> </code></pre> <p>dönüştürmek çalışıyorum
- 19. vertical-align:</p> <p><img src="https://i.stack.imgur.com/Yru7c.png" alt="layout"></p> <p><strong>Benim CSS</strong>: düğme
- 20. Objective-C'de özel yönergeler oluşturmak mümkün mü?</p> <ul> <li>@interface</li> <li>@implementation</li> <li>@end</li> <li>@protocol bence</li> <li>@property</li> <li>@synthesize</li> </ul> <p>:
- 21. Ben <code>html5mode</code> etkinleştirilmiş <code>AngularJs</code> kullanmaya çalışıyorum alt klasör
- 22. <a1> Git</ a1>
- 23. Url parametreler dışında nasıl url talep edilir?</p> <pre><code><link rel="canonical" href="<%= request.url %>" /> </code></pre> <p>sorundur sadece parametreleri içeren tam url:
- 24. iPython'da reStructuredText (Sphinx) dokümanlarını görüntüle?</p> <pre><code>help foo </code></pre> <p>ya:</p> <pre><code>foo? </code></pre> <p>Ben <em>süper</em> okumaya denemek için dikkat dağıtıcı bulmak
- 25. <section>, <nav> ve <article>
- 26. nasıl kurulum bir kural url <strong><code>&</code></strong> ile <strong><code>&</code></strong> yerine edebilirsiniz url
- 27. TinyMCE Editor, <img />
- 28. Operatörler << sınıfları için biçimlendirmeli misiniz?
- 29. Akış çıkışında <yerine <neden hala <çoğum?
- 30. Linq:</p> <p><code>Company</code>, <code>Invoice</code> ve ondalık özelliği <code>Price</code> sahiptir <code>InvoiceLine</code>: toplamlar
durumunda çalışacaktı argüman olarak girdi alır 'ng-click =" playSound (word) "' remove '{{x x}} '' dan {{word}} ' – PSL
@PSL Herhangi bir kelime aldım, bundan sonra bile çalışmıyor. –
Burada iyi bir cevap var: http://stackoverflow.com/questions/23659395/can-i-use-angular-variables-as-the-source-of-an-audio-tag Umut, bu size yardımcı olacaktır . –