2013-05-02 65 views
1

我想在我的sencha觸摸應用程序中播放音樂這裏是我從音頻提供商接收的xml文件。但是我只是不想打開並顯示帶有音頻進度條的黑屏,請查看<media:content網址。我想在背景上播放音頻Sencha觸摸如何玩web conent

這裏是提供的xml文件。任何幫助將不勝感激,謝謝

<rss xmlns:media="http://search.yahoo.com/mrss/" xmlns:jwplayer="http://developer.longtailvideo.com/" version="2.0"> 
    <channel> 
    <item> 
     <title> 
     <![CDATA[ CJ Peter Mitchell Makeup ]]> 
     </title> 
     <media:content url="http://audioserver.arn.com.au/media/3544/cj_peter_mitchell_on_makeup.mp3"/> 
    </item> 
    </channel> 
</rss> 

回答

1

這樣做的一種方法是使用HTML5音頻API。舉個簡單的例子,如果你寫在你的煎茶App的index.html的這個代碼,它會立即開始播放:

try { 
    var myaudio = new Audio('http://audioserver.arn.com.au/media/3544/cj_peter_mitchell_on_makeup.mp3'); 
    myaudio.play(); 
} catch (e) { 
    alert('no audio support!'); 
} 

如果我是你,我會寫一個小框架加載新的軌道,播放和暫停曲目。您可以在以下資源中找到更多信息。

http://www.joeldare.com/wiki/play_an_mp3_audio_stream_in_phonegap(從那裏我把代碼) http://www.w3schools.com/html/html5_audio.asp(基本信息) http://www.html5rocks.com/en/tutorials/webaudio/intro/?redirect_from_locale=es(音頻示例) http://www.html5rocks.com/en/tutorials/#technology:multimedia(音頻教程)

+0

感謝隊友,真是太好了! – 2013-05-07 07:52:48

+0

你想檢查這個問題: http://stackoverflow.com/questions/17142028/how-to-add-tap-event-to-youtube-iframe – 2013-06-18 02:15:50

1

對於更煎茶特定版本的什麼馬切達費爾南德斯建議,你可以創建一個隱藏的Ext.Audio組件。檢查the docs爲一個簡單的例子。您可以通過程序設置Ext.Audio.setUrl()的音頻URL,並且如果需要,您可以使用getCurrentTime()getDuration()構建自定義進度欄。

+0

謝謝你的建議 – 2013-05-07 07:53:20