내맘대로의 EPUB 제작 가이드

* 스크립트 설명 : EPUB3 오디오 컨트롤러

* 적용 sample

<div>

<audio id="sample" src="../sample.mp3">Your viewer does not support the audio element.</audio>

<p>모두 듣기<button onclick="playAll()">▶</button><button onclick="playStop()">■</button><button onclick="volUp()">+</button><button onclick="volDown()">-</button></p>

<p>3초 ~ 8초 사이<button onclick="playSegment(3,8)">▶</button></p>

<p>10초 ~ 15초 사이<button onclick="playSegment(10,15)">▶</button></p>

<p><button onclick="playStop()">stop</button></p>

</div>

* 본 스크립트는 www.epubguide.net에서 제작하였으며, 누구나 자유롭게 사용 및 수정이 가능합니다. 

* 단, 배포를 할 경우 내용을 일부 수정했다 하더라도 원본의 출처를 반드시 밝혀주시기 바랍니다.

var myAudio=document.getElementById("talk_mp3");

var segEnd;

myAudio.addEventListener("timeupdate", function (){

if (myAudio.currentTime >= segEnd) {

myAudio.pause();

}   

console.log(myAudio.currentTime);

}, false);

function playSegment(startTime, endTime){

segEnd = endTime;

myAudio.currentTime = startTime;

myAudio.play();

}

function playAll()

{ 

myAudio.currentTime=0;

myAudio.play();

}

function playStop()

{ 

myAudio.currentTime=0;

myAudio.pause();

    } 

function playPause()

{ 

myAudio.pause();

    }

function volUp()

{

    myAudio.volume+=0.1

   }

function volDown()

{

    myAudio.volume-=0.1

   }

예제 파일

audio_control.js

오디오 삽입 샘플_20160108.epub