(이글루스) 스마트폰 웹브라우저에서 mp3 재생 테스트(실패) Egloos

벌써 일주일이나 지난 기록인데, 이제 정리해둔다.
블로그를 사용하면서 mp3 파일을 올리는 경우가 많다.
점점 진화하며 복잡 다단해지는 IT 환경.

블로그에 접속하는 리퍼러를 확인해보면, 스마트폰에서 접속하는 경우가 상당히 많아졌다.
따라서, 스마트폰으로 접속한 사람들이 mp3 로 올린 음악을 재생할 수 있게 환경을 맞춰주는 작업이 필요해졌다.
베가레이서 최신 버전에서는 음악이 재생되길래 별로 신경을 안쓰고 있었는데(embed 태그 사용), 다른 사람들의 스마트폰에서 접속을 해보니 전혀 음악이 재생되지 않았다.
어떤 차이 때문에 mp3 로 올린 음악이 재생되고 안되는지 정확히 모르겠지만 보편적으로는 안되는 경우가 많을 것이라 예상해볼 수 있다.
mp3 음악이 주요 주제인 포스팅에서 정작 mp3 로 만들어진 음악을 재생하지 못한다면 포스팅 자체의 의미가 퇴색하기 때문에, 스마트폰으로 접속한 이용자들에게도 음악이 재생될 수 있게끔 맞춰줘야 할것 같은데, 몇가지 테스트를 해보았지만, 현재로써는 명확한 해결책을 찾지 못했다.

스마트폰이 아니라 일반 데스크톱에서 접속한 경우.
mp3 재생에 사용하는 embed 태그는 ActiveX 를 이용하기 때문에, IE 브라우저에서도 최초에 ActiveX 를 설치해야 하고, 크롬에서는 재생이 되지 않았다.
크롬의 경우에는 별도로 html5 용 플러그인을 설치해야 재생이 가능하다.
그나마도 크롬 버전에 따라 버그가 있어서 제대로 지원되지 않는 경우가 있는데, 이를 대비해 html5 의 audio 태그를 이용하는 방법으로 보완하고 있다.
데스크탑에서 웹브라우저로 접속할 경우에는 이 두가지 태그를 이용해 상호 보완이 가능하지만, 휴대폰(스마트폰)에서 접속할 경우는 얘기가 달라진다.
스마트폰 기종에 따라 지원하는 포맷에 차이가 있고, 접속 브라우저에 따라 또 달라진다.
안드로이드 계열과 아이폰 계열에서 차이가 있고, 스마트폰에 설치된 웹브라우저의 종류에 따라 지원하는 포맷에 차이가 있다.

아직 스마트폰을 사용하지 않는 관계로 스마트폰에서는 mp3 가 어떻게 재생되는지 확인을 못하다가, 마침 공기계도 생기고 지인들의 스마트폰을 빌려 mp3 재생 태그가 제대로 동작하는지 테스트를 해보았는데, 일전에 테스트한 베가레이서(최신형) 에서는 embed 태그가 동작하여 음악이 재생되었지만, 베가 초기 버전과 그 외의 몇몇 스마트폰에서는 mp3 파일이 재생되지 않았다.
테스트 결과 embed 태그와 audio 태그 모두 동작하지 않았다.

스마트폰의 웹브라우저에서 mp3 음악을 어떻게 재생하게 해야 할까?
현재, 지속적으로 테스트할 수 있는 스마트폰이 없는 관계로 정확한 테스트는 할 수 없고, 몇가지 가정을 해보자.

네이버에서는 동영상 재생 포맷으로 mp4 를 사용하고 있고, 유튜브에서 역시 mp4 를 많이 사용하고 있는데, 간혹 3gp 포맷을 사용하기도 한다.
휴대폰에서 사용하는 동영상 포맷인 3gp 포맷을 이용하면 어느정도 보완이 될것 같지만, 웹브라우저의 태그가 어떻게 지원하는지 정확히 알 수 없다.
테스트 결과, 구버전의 브라우저에서 동작시킨 embed 태그에서는 3gp 파일이 재생되었지만, IE9 에서는 파일이 재생되지 않았다.
audio 및 video 태그를 이용하면 html5 를 지원하는 요즘 브라우저에서는 3gp 재생이 가능할것으로 보인다.
(크롬에서는 되는데, 로컬문서를 동작시킨 IE9 에서는 동작하지 않으나, 웹에서는 동작할것으로 예상됨)

가장 무난한 방법은 네이버나 유튜브에 동영상을 올려놓고 재생시키거나 혹은 플래시 파일(swf, flv) 등으로 재생시키는 것이다.
기타 음원을 업로드 하고 재생일 지원하는 웹사이트들이 있는데, 그런 곳에 업로드 해서 링크할수도 있다.
마이크로소프트는 IE10 에서는 ActiveX 를 지원하지 않겠다고 공언해왔지만, 이번에 공개된 IE10 에서는 여전히 ActiveX 를 지원한다고 발표했고, 아이폰에서도 아직까지는 플래시를 지원하는 걸로 보이기 때문에, 가장 무난한 방법은 역시 플래시 파일로 음악을 올려서 재생시키는 방법이 무난할 것으로 보이지만, mp3 원래 파일이 아닌 파일포맷 변환등의 작업 자체가 번거롭고 여러가지 불편한 사항들이 발생하기 때문에, 되도록이면 mp3 자체를 재생할 수 있는 방법을 찾았으면 좋겠다.

이하, 테스트한 사진 몇장.

안드로이드 계열인 베가 로 접속을 해보았다.

embed 태그와 audio 태그 모두 표시되지 않았다.

mp3 파일을 눌러보았더니 '재생할 수 없는 파일형식입니다' 라는 메세지가 떴다.

audio 태그가 동작하지 않길래, 스마트폰용 크롬 브라우저를 다운로드 받아서 재생을 시도했다.
화면에 audio 태그는 표시되었지만, 막상 mp3 파일이 재생되지는 않았다.


덧글

  • 직립나 2013/06/24 19:10 # 삭제 답글

    저도 시대가 어느 시대인데 Mp3를 웹에서 듣는게 쉽지 않아 당황스럽습니다.
    저도 이걸 여러가지로 알아보고 있는데 swf로 올리는 것도 아이폰에서는
    안되기도 하네요
  • 블링블링한 눈꽃마녀 2014/03/16 20:38 # 답글

    adobe flash player 11.x

    해당 플러그인이 설치되어 있어야..

    스마트폰에서는 웹페이지내 mp3 재생이 원할하게 이루어집니다.
댓글 입력 영역
* 비로그인 덧글의 IP 전체보기를 설정한 이글루입니다.


통계 위젯 (화이트)

60590
4940
11047450

google_myblogSearch_side

▷검색어

Flag Counter style2