안녕하세요.
안드로이드 모바일웹 오디오 스트리밍 서비스를 만들었습니다.
안드로이드 모바일웹 또는 웹뷰에서
하기 소스상에 play_audio() 함수에서 html5 audio tag의 함수인 play()를 호출에도 불구하고, 오디오가 재생이 안됩니다.
콘텐츠의 제목을 클릭하고, 상세미디어 플레이어 화면이 나옴과 동시에 오디오가 재생이 되어야 하는데, 재생이 안 됩니다. PAUSE 일시정지 버튼을 누르면 재생이 됩니다.
그런데 이게 처음 페이지 접속 시에만 재생이 안 되고, 한번만 재생을 시켜놓으면,
다음부터는 재생이 바로 됩니다.
테스트 기기는 갤럭시s5,s3,노트3, 노트1 이었습니다. 이상하게도 노트1만 처음 상세미디어 플레이어 화면 진입 시, 오디오가 바로 재생이 되었습니다.
안드로이드 웹브라우저 버전 차이일까요?
하기에 소스 공유드립니다.
감사합니다.\
[audio.html]
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge" charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="js/audio.js"></script>
<link rel="stylesheet" type="text/css" href="css/audio.css">
</head>
<body>
<div id="audio_player_area">
<div id="audio_player">
<div id="player_play"></div>
<div id="player_progressbar">
<div id="player_progress"></div>
<div id="player_handle"></div>
</div>
<div id="player_cur">00:00</div>
<div id="player_dur">00:00</div>
</div>
</div>
<script type="text/javascript">
init_audio_player();
</script>
</body>
</html>
[audo.js]
var audio_player;
var audio_played = false;
var $player_play, $player_progress, $player_handle, $player_cur, $player_dur, $player_progressbar;
function init_audio_player() {
if (!audio_player) {
audio_player = new Audio();
}
$player_play = $('#player_play');
$player_progress = $('#player_progress');
$player_handle = $('#player_handle');
$player_cur = $('#player_cur');
$player_dur = $('#player_dur');
$player_progressbar = $('#player_progressbar');
play_audio(); // play_audio()함수의 play() 함수 호출에도 불구하고, 오디오가 재생 안 됨.