묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
ios 11업데이트로 인한 audio버튼을 지원하지 않는 문제
2017.10.06 22:04
웹사이트와 모바일웹으로 교육 싸이트 운영중인데요 저희 싸이트 특징은
스마트폰에서 해당 버튼을 클릭해서 음성으로 소리가 들리도록 하고 있습니다
그런데 이번에 iso11로 변경하면서 버튼이 클릭이 안됩니다. 즉 비활성화가 되서 꼼짝을 하지 않네요ㅜㅠ.
안드로이드폰은 이상 없이 여전히 명령어가 잘 적용되어서, 버튼을 클릭하면 음성이 나오는데...아이폰은 안되네요ㅜㅠ
뭔가 바뀌긴 한 것 같은데, 무슨 명령어를 바꾸어야 하는지 나름 audio가 html5명령어고 제대로 적용해서 썻다고 생각하는데
ios11로 변경되면서 안되네요 ios11변경사항을 검색해도 못찾겠고..도와주십시요. 무슨 명령어를 바꾸어야 적용될지...플리즈^^
<!-----------실제 적용되는 버튼----------> <audio id="myAudio1"> <source src="http://www.aaaa.com/aaaaa.mp3" type="audio/mp4"> Your user agent does not support the HTML5 Audio element. </audio> <button onclick="aud_play_pause(1)" type="button">●</button> <!------스크립트 명령어 -----> <script> function aud_play_pause(num) { var myAudio = document.getElementById("myAudio"+num); if (myAudio.paused) { myAudio.play(); } else { myAudio.pause(); } } </script>
위와 같은 버튼으로 보이고, 스마트폰에선 손으로 누르면 mp3음성이 자동으로 들리도록 되었었습니다
물론 홈페이지에선 버튼을 클릭하면 mp3음성이 들리도록 되었습니다.
(원래는 버튼 이미지에 세모모양 인데 이 게시판에서 지원하지 않아서 ●로 바꾸었습니다 )
audio테그가 xe 1.8대에서 한 번 업데이트 되면서 audio테그가 안먹혀서 이젠 업데이트 안하고 xe 1.8.25를 사용중에 있습니다.
참고로예전에 https://www.w3.org/wiki/HTML/Elements/audio 이 페이지를 참고해서 명령어를 만들었습니다
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
railman | 글쓴이 서명표시 줄 간격 좁히게 하는 방법 [2] | 2018.07.09 by zmzm |
도기 | xedition 라이센스 문의 [2] | 2018.07.09 by zmzm |
렉스 | 모바일 버전 없앨수 있나요? [1] | 2018.07.09 by 너에게제공 |
주식술사 | 모바일 주소에 m.주소..설정하는메뉴 [1] | 2018.07.09 by 너에게제공 |
ironsilver | 웹호스팅 관련 질문입니다.. [1] | 2018.07.08 by sk26 |
doyout**** | 쿡레빗레이아웃을 사용중인데 2차 메뉴 높이수정을 할수가없네요 ㅠㅠ [1] | 2018.07.07 by RyanMoon |
동대문오빠 | 본문 링크 새창띄우기 [2] | 2018.07.06 by 동대문오빠 |
나이케 | 회원접속아이피가 모두 서버아이피 한개로 표시됩니다. | |
권만주 | 최근 업데이트 후 게시글 관리에서 msg_is_not_administrator 메시지 도움 요청 드립니다 [2] | 2018.07.05 by 코리아메디컬스킨케어 |
잿빛유희 | 사이트 메뉴 편집 화면 에러 | |
장고은 | 스케치북 게시판 비밀글 노출 관련 질문입니다. | |
Hexa | Content위젯 창모드 하면 위치가 바뀌는 문제 | |
tohappy | cent 7.2 + apm 호환버전 문의합니다. | |
카네모치 | 게시판 제목 질문 좀 드립니다..제발.. | |
냥냥이 | 마켓플레이스(장터)모듈 상품수정할수있게 바꿨습니다.. 질문좀.. [2] | 2018.07.04 by PLS |
PLS | 마켓플레이스 본문 수정 및 글 삭제 방법 | |
soohy**** | 제목 글자수 해제 및 기울임, 진하게 등 표시 관련 [1] | 2018.07.04 by 디자인클립 |
Hexa | Content위젯 위에 이미지 추가 방법 [1] | 2018.07.04 by 디자인클립 |
정은지 | db.config.php 파일이 없어요 [4] | 2018.07.04 by 너에게제공 |
정은지 | xe어드민 기본 url 오류 [2] | 2018.07.04 by 정은지 |
자문자답^^ 몇 시간을 구글링해서 찾았슴다 다들 감사함다^^ 답변의 90%는 찾은 것 같네요. 10%가 뭐냐면....
https://stackoverflow.com/questions/46486307/html-5-audioelement-wont-play-mp3-livestreams-in-safari-on-ios-11-devices
위 주소를 보니 저와 동일한 고민을 하는 외국인 친구가 있었군요
type="audio/mp4"
되어 있는 부분을
type="audio/mpeg;codecs="mp3""