Javascript Phonegap icecast播放器!can';自动播放
大家好,我的phonegap应用程序有点问题,一切都很好,但我无法看到我的应用程序自动播放或流式播放音频文件,除非我点击播放! 如何使以下代码自动播放音频文件Javascript Phonegap icecast播放器!can';自动播放,javascript,cordova,shoutcast,icecast,Javascript,Cordova,Shoutcast,Icecast,大家好,我的phonegap应用程序有点问题,一切都很好,但我无法看到我的应用程序自动播放或流式播放音频文件,除非我点击播放! 如何使以下代码自动播放音频文件 <head> <script type="text/javascript" charset="utf-8" src="js/phonegap-1.0.0.js"></script> <script type="text/javascript" charset="utf-8">
<head>
<script type="text/javascript" charset="utf-8" src="js/phonegap-1.0.0.js"></script>
<script type="text/javascript" charset="utf-8">
// Wait for PhoneGap to load
//
document.addEventListener("deviceready", onDeviceReady, true);
// PhoneGap is ready
//
function onDeviceReady() {
playAudio("http://myradiostation.com:8000/live.mp3");
}
// Audio player
//
var my_media = null;
var mediaTimer = null;
// Play audio
//
function playAudio(src) {
if (my_media == null) {
// Create Media object from src
my_media = new Media(src, onSuccess, onError);
} // else play current audio
// Play audio
my_media.play();
// Update my_media position every second
if (mediaTimer == null) {
mediaTimer = setInterval(function() {
// get my_media position
my_media.getCurrentPosition(
// success callback
function(position) {
if (position > -1) {
setAudioPosition((position) + " sec");
}
},
// error callback
function(e) {
console.log("Error getting pos=" + e);
setAudioPosition("Error: " + e);
}
);
}, 1000);
}
}
// Pause audio
//
function pauseAudio() {
if (my_media) {
my_media.pause();
}
}
// Stop audio
//
function stopAudio() {
if (my_media) {
my_media.stop();
}
clearInterval(mediaTimer);
mediaTimer = null;
}
// onSuccess Callback
//
function onSuccess() {
console.log("playAudio():Audio Success");
}
// onError Callback
//
function onError(error) {
alert('code: ' + error.code + '\n' +
'message: ' + error.message + '\n');
}
// Set audio position
//
function setAudioPosition(position) {
document.getElementById('audio_position').innerHTML = position;
}
</script>
<style type="text/css">
#player {
position: absolute;
width: 200px;
height: 33px;
z-index: 1;
left: 7px;
top: 123px;
}
</style>
</head>
<body>
<div id="player"> <a href="#" class="btn large" onclick="playAudio('http://myradiostation.com:8000/live.mp3');"><img src="images/play.png"></a>
<a href="#" class="btn large" onclick="pauseAudio();"><img src="images/pause.png"></a>
<a href="#" class="btn large" onclick="stopAudio();"><img src="images/stop.png"></a></div>
</body>
//等待PhoneGap加载
//
文件。添加的监听器(“deviceready”,onDeviceReady,true);
//PhoneGap已经准备好了
//
函数ondevicerady(){
播放音频(“http://myradiostation.com:8000/live.mp3");
}
//音频播放器
//
var my_media=null;
var mediaTimer=null;
//播放音频
//
功能播放音频(src){
if(my_media==null){
//从src创建媒体对象
my_media=新媒体(src、onSuccess、onError);
}//否则播放当前音频
//播放音频
我的媒体播放();
//每秒更新我的媒体位置
如果(mediaTimer==null){
mediaTimer=setInterval(函数(){
//得到我的媒体职位
my_media.getCurrentPosition(
//成功回调
职能(职位){
如果(位置>-1){
设置音频位置((位置)+“秒”);
}
},
//错误回调
职能(e){
console.log(“获取位置时出错=”+e);
设置音频位置(“错误:+e”);
}
);
}, 1000);
}
}
//暂停音频
//
函数pauseAudio(){
如果(我的媒体){
我的媒体暂停();
}
}
//停止音频
//
函数stopAudio(){
如果(我的媒体){
我的媒体。停止();
}
clearInterval(mediaTimer);
mediaTimer=null;
}
//onSuccess回调
//
函数onSuccess(){
log(“playAudio():音频成功”);
}
//错误回调
//
函数onError(错误){
警报('code:'+error.code+'\n'+
'消息:'+error.message+'\n');
}
//设置音频位置
//
功能设置音频位置(位置){
document.getElementById('audio_position')。innerHTML=position;
}
#玩家{
位置:绝对位置;
宽度:200px;
高度:33像素;
z指数:1;
左:7px;
顶部:123px;
}
您是否在应用程序中看到任何错误信息?您是否有播放音频文件和网络请求的权限(因为您似乎正在播放远程文件)?没有错误,我可以播放,但只有在单击“播放”时,我才能在不按“播放”按钮的情况下自动播放?