H5를 사용하여 오디오 및 비디오를 작동하는 방법

많은 친구들이 HTML5에서 audio 및 video를 조작할 수 있다는 것을 알고 있습니다. 오늘은 H5를 사용하여 오디오 및 비디오를 조작하는 방법을 가르쳐 드리겠습니다. 다음은 작은 경우인데 함께 살펴보겠습니다

Audio/Video

audio Audio

b97864c2e0ef2353a16c4d64c7734e9281d2bc32cafa2076a27f10cdd878d0ab

Src=”File Path”

controls 속성은 브라우저가 오디오 재생 기능을 제공해야 합니다. Control

오디오 파일 지원 형식:

Ogg mp3 wav

기타 속성:

autoplay

이 속성이 나타나면 오디오가 준비되는 즉시 재생됩니다.

loop

Loop play

이 속성이 있으면 오디오가 끝날 때마다 재생이 다시 시작됩니다.

e02da388656c3265154666b7c71a8ddc055a816595e1cf5e4b7c6fe05c404a6c 리소스

동영상:

<video src="movie.ogg" controls="controls">
</video>
autoplay

이 속성이 있으면 오디오가 준비되는 즉시 재생됩니다.

loop

Loop play

이 속성이 있으면 오디오가 끝날 때마다 재생이 다시 시작됩니다.

Width: 너비

Height: 높이

일반적으로 js를 사용하여 비디오 재생 속성을 조작합니다.

Autoplay: 이해: 자동으로 9fdfcee5c6717a6c49414efd17ca7868

Js 표시를 사용하여 오디오/비디오 재생 상태를 제어합니다.

currentTime 비디오의 현재 시간을 가져오거나 설정합니다.

duration 현재 비디오의 총 시간 또는 오디오 초를 반환합니다.

ended 비디오 오디오 종료 여부

error 개체: 코드를 사용하여 mediaerror 개체를 반환합니다. 오류 메시지

video.error.code

1. 사용자 종료 media_drr_aborted

2. 네트워크 오류 media_drr_network

3. 디코딩 오류 media_drrdecode

4. 잘못된 URL media_drr_src_not_supported

음소거 음소거 여부 true Unmute false

Play() Play

Pause() Pause

이 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사에 주목하세요!

관련 읽기:

Js를 사용하여 HTTP 쿠키를 구현하는 방법

AJAX의 일반적인 구문은 무엇입니까

CSS 상위-하위 사용 방법

위 내용은 H5를 사용하여 오디오 및 비디오를 작동하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!