..


스폰서 링크

HTML5 비디오 및 오디오 태그 미디어

스테파노 Cancedda 쓴 기사
2 페이지 1

뉴스 중에는 이전 버전보다 'HTML 5 기능 즉, 직접 태그를 통해 전용 멀티미디어 콘텐츠를 호출 가능성이 있습니다.
이전 HTML 페이지 내에서 이러한 유형의 콘텐츠를 포함 대부분의 경우에 필요한, ​​같은 어도비 플래시와 같은 외부 파일을 사용 (표준되지 않음). 플래시로 대체가 웹 2.0 (예를 들어, 생각, 유튜브)의의 여러 가지 서비스에 필요한 최소 사양을 만족하기 위해 부적당하는 멀티미디어, 오늘날의 조건에 관해서는 매우 제한적인 조건을 받게되었다.

이러한 기능의 도래는 HTML5 언어로 통합되어 제공됩니다. 멀티미디어와 관련된 주요 태그 :

  • <audio>
  • <video>
를 참조 공식 W3C를 참조하면 이러한 태그 riferrimento은 실용적인 예제를 위해, 또한 일을의 ​​사용을 보여줍니다.

태그 <audio>

태그 <audio>대로 소리 할 수​​있다 모든 정의 예를 들어, 음악 또는 기타 소리.

표준 속성 (목록은 사이트에서 예를 들어, 인터넷에서 쉽게 사용할 수 있습니다 이외에 w3cschools.com ) 오디오 태그는 다음과 같은 특정 속성을 지원합니다 :

  • 자동 재생 :이 속성이 존재하면 게임이 자동으로 오디오 파일을 재생됩니다;
  • 컨트롤 : 선언하는 경우, 그러한 재생정지 버튼과 같은 컨트롤을 표시합니다;
  • 루프 : 사용하면, 끝난 음악 파일의 루프 (반복)를 결정합니다;
  • 미리 : 현재면, 오디오 파일 미리로드됩니다 때 페이지가로드, 그래서 기대하지 않고도 재생할 준비로. 자동 실행 속성이 선언되면, 미리이 무시됩니다;
  • SRC가 : 재생 오디오 파일의 URL을 지정합니다.





 <audio src="driin.ogg" autoplay="autoplay" controls="controls">



  



 브라우저가 HTML5와 관리 오디오를 지원하지 않습니다.







 </ 오디오>



태그는 또한 <audio> SRC 속성이 생략되는 경우 하나 이상의 소스를 관리할 수있는 능력을 지원하고 <audio> 태그 안에 숨어, 태그 <source>이 :





 <audio controls="controls">



  



 <source src="canzone1.ogg" type="audio/ogg">



  



 <source src="canzone2.mp3" type="audio/mpeg">



  



 브라우저가 HTML5와 관리 오디오를 지원하지 않습니다.







 </ 오디오>



참고 : 현재 지원되는 오디오 형식을 MP3, WAVOGG 있습니다.

다음은 파이어 폭스를 사용한 스크린샷은 다음과 같습니다 :

같은 범주에 ...
E - 학습
CSS (코스) CSS (코스)
W3C CSS와 XHTML에 따라 웹 디자인 및 접근성. 29 €에서 시작.
HTML (코스) HTML (코스)
29 €에서 웹 마크업 언어입니다.
웹 디자인 (코스) 웹 디자인 (코스)
HTML, CSS 및 동적 HTML과 디자인 웹 사이트. 39 €에서.
스폰서 링크