English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML 참조 매뉴얼

HTML 태그 전체

HTML 오디오/비디오 DOM playbackRate 속성

HTMLMediaElement.playbackRate 속성은 미디어 파일 재생 시 속도를 설정합니다. 이는 사용자가 빠르게 재생, 느리게 재생 등을 제어할 때 사용됩니다. 정상 재생 속도를 이 값으로 곱한 값이 현재 재생 속도를 나타냅니다. 따라서10.0은 일반적인 재생 속도를 의미합니다. playbackRate를 음수로 설정하면 반전 재생을 할 수 있습니다. 미디어 파일을 역순으로 재생할 때나, 재생 속도가 브라우저 커널이 정의한 사용 가능한 범위보다 낮거나 높을 때(예를 들어, Gecko가 약정한 범위는 0.25~50.0)이면, 재생 과정이 무음이 됩니다. 어떤 재생 속도에서도 오디오의 음량은 기본적으로 일치합니다. 일부 브라우저는 음량 제어를 위해 비표준 preservespitch 속성을 구현했습니다.

 HTML 오디오/비디오 DOM 참조 가이드

온라인 예제

视频를 느리게 재생하도록 설정하려면:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML 오디오/视频 playbackRate 属性使用-基础教程(oldtoolbag.com)</title>
</head>
<body>
<button onclick="getPlaySpeed()" type="button">回放的速度是多少?</button>
<button onclick="setPlaySpeed()" type="button">视频设置为慢速播放</button>
<br> 
<video id="video1" controls="controls">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  您的浏览器不支持 HTML5 video 태그.
</video>
<script>
myVid=document.getElementById("video1");
function getPlaySpeed()
{ 
  alert(myVid.playbackRate);
} 
function setPlaySpeed()
{ 
  myVid.playbackRate=0.5;
} 
</script> 
</body>
</html>
테스트를 해보세요 ‹/›

정의 및 사용법

playbackRate 속성 설정 또는 오디오 반환/비디오의 현재 재생 속도.

브라우저 호환성

IEFirefoxOperaChromeSafari

모든 주요 브라우저는 playbackRate 속성을 지원합니다.

주의:Internet Explorer 9 및 이전 버전은 playbackRate 속성을 지원하지 않습니다.

문법

playbackRate 속성 설정:

audio|video.playbackRate=playbackspeed

playbackRate 속성 반환:

audio|video.playbackRate

속성 값

설명
playbackspeed오디오 표시/비디오의 현재 재생 속도.
예제 값:
  • 1.0 일반 속도

  • 0.5 반속도( 더 느리게)

  • 2.0 배속( 더 빠르게)

  • -1.0 뒤로, 일반 속도

  • -0.5 뒤로, 반속도

기술 세부 사항

반환 값:숫자 값, 현재 재생 속도
기본 값:1.0
 HTML 오디오/비디오 DOM 참조 가이드