Jmnote bot (토론 | 기여) 잔글 (봇: 자동으로 텍스트 교체 (-<source +<syntaxhighlight , -</source> +</syntaxhighlight>)) |
|||
| (사용자 4명의 중간 판 5개는 보이지 않습니다) | |||
| 5번째 줄: | 5번째 줄: | ||
==예시 1: audio 태그만 사용== | ==예시 1: audio 태그만 사용== | ||
< | <syntaxhighlight lang='html5'> | ||
<audio src=" | <audio src="http://upload.wikimedia.org/wikipedia/commons/d/d7/Wikinews_Remix_Jingle.ogg" controls="controls" type="audio/ogg"></audio> | ||
</ | </syntaxhighlight> | ||
<jsfiddle>vjxuoxkb</jsfiddle> | <jsfiddle>vjxuoxkb</jsfiddle> | ||
==예시 2: source 태그 사용== | ==예시 2: source 태그 사용== | ||
< | <syntaxhighlight lang='html5'> | ||
<audio id="my_audio1" controls="controls" preload="preload"> | <audio id="my_audio1" controls="controls" preload="preload" width="300"> | ||
< | <syntaxhighlight src="http://upload.wikimedia.org/wikipedia/commons/d/d7/Wikinews_Remix_Jingle.ogg" type="audio/ogg" /> | ||
</audio> | </audio> | ||
</ | </syntaxhighlight> | ||
<jsfiddle>fnydrzzb</jsfiddle> | <jsfiddle>fnydrzzb</jsfiddle> | ||
| 33번째 줄: | 33번째 줄: | ||
*[[오디오]] | *[[오디오]] | ||
==참고 | ==참고== | ||
*http://en.wikipedia.org/wiki/Html5_audio | *http://en.wikipedia.org/wiki/Html5_audio | ||
2021년 8월 4일 (수) 17:00 기준 최신판
- HTML5 audio
- HTML5 <audio>
- HTML5 오디오 태그
- HTML5 음악 재생기, 오디오 재생기
1 예시 1: audio 태그만 사용[ | ]
<audio src="http://upload.wikimedia.org/wikipedia/commons/d/d7/Wikinews_Remix_Jingle.ogg" controls="controls" type="audio/ogg"></audio>
2 예시 2: source 태그 사용[ | ]
<audio id="my_audio1" controls="controls" preload="preload" width="300">
<syntaxhighlight src="http://upload.wikimedia.org/wikipedia/commons/d/d7/Wikinews_Remix_Jingle.ogg" type="audio/ogg" />
</audio>
3 같이 보기[ | ]
- JavaScript Audio 객체
- HTML5 audio 지원 파일형식
- HTML5 음악 자동 재생
- HTML5 음악 볼륨 조절
- HTML5 음악 반복 재생
- HTML5 오디오 이벤트 리스너
- HTML5 오디오 이벤트리스너 onerror
- HTML5 Audio 2채널 재생
- HTML5 오디오 곡 목록 재생
- HTML5 오디오 preload 속성
- HTML5 비디오 태그
- HTML5 임베디드 요소
- 오디오
4 참고[ | ]
로그인하시면 댓글을 쓸 수 있습니다.
{{ comment.name }}
{{ comment.created | snstime }}
-
{{comment.page_title}} ―{{comment.name}}