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

php中世界最好的语言
풀어 주다: 2017-12-02 11:29:27
원래의
2490명이 탐색했습니다.

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

Audio/Video

audio Audio

Src=”File Path”

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

오디오 파일 지원 형식:

Ogg mp3 wav

기타 속성:

autoplay

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

loop

Loop play

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

리소스

동영상:

<video src="movie.ogg" controls="controls">
</video>
autoplay
로그인 후 복사

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

loop

Loop play

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

Width: 너비

Height: 높이

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

Autoplay: 이해: 자동으로

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿