웹페이지에서 미디어 자동으로 재생하기

크로뮴을 기반으로 한 웹 브라우저에서 웹페이지가 열린 때 미디어가 자동으로 온전하게 재생되도록 하는 건 일반적으로 가능하지 않다. 변칙을 쓰면 되지만 굳이 크롬의 이용자 보호 정책을 무시하고 복잡한 코딩을 할 필요는 없다. 동영상의 경우 영상만 나오게 하는 건 되지만 소리까지 출력하는 건 금지된다.

​오디오든 동영상이든 소리가 나오게 하려면 이용자가 웹페이지에 한 번은 반응하도록 해야 한다. 따라서 아래의 코드는 대부분의 웹 브라우저에서 작동하지 않으며 먼저 document에 클릭하게 하는^interact 등의 행동을 요구하는 에러 메세지를 만들어 낸다.

let Audio1 = new Audio("test.mp3");

Audio1.play();

아래의 코드를 응용하면 된다.

<input onclick="Play1()" type="button">

<script>
    let Audio1 = new Audio("test.mp3");

    function Play1()        
    {
        Audio1.play();
    }
</script>

html audio 엘리먼트를 쓸 때에는 간단하게 플레이 버튼만 누르면 되고 video의 경우에는 mute된 스피커 버튼을 클릭하면 된다. 위 예제는 이들 엘리먼트를 이용하지 않거나 보이지 않게 하는 경우의 해결 방법이다. 오디오 엘리먼트 인터페이스에는 특별한 기능이 없기 때문에 굳이 이걸 보이게 할 필요가 없다.