View Single Post
Old 10-03-2012, 02:34 PM   #5
mzmm
Connoisseur
mzmm doesn't littermzmm doesn't litter
 
mzmm's Avatar
 
Posts: 94
Karma: 126
Join Date: Feb 2012
Device: iPad, Kindle Touch, Sony PRS-T1
Quote:
Originally Posted by josephmwheeler View Post
I would like to click on the word and hear the audio rather than the control button.
seems like you're able to override the default controls using the epub:trigger element in epub3, and bind controls to whatever html you'd want, although i haven't had a chance to test it out yet. the sample html provided on idpf looks like this:

Spoiler:
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:epub="http://www.idpf.org/2007/ops"
xmlns:ev="http://www.w3.org/2001/xml-events">
<head>
<epub:trigger ev:observer="pause" ev:event="click" action="pause" ref="test"/>
<epub:trigger ev:observer="resume" ev:event="click" action="resume" ref="test"/>
<epub:trigger ev:observer="mute" ev:event="click" action="mute" ref="test"/>
<epub:trigger ev:observer="mute" ev:event="click" action="show" ref="muted"/>
<epub:trigger ev:observer="unmute" ev:event="click" action="unmute" ref="test"/>
<epub:trigger ev:observer="unmute" ev:event="click" action="hide" ref="muted"/>
</head>
<body>
<video id="test" src="birds.mp4" width="320" height="240"/>
<p>
<span class="button" id="resume">Play/Resume</span>
<span class="button" id="pause">Pause</span>
<span class="button" id="mute">Mute</span>
<span class="button" id="unmute">Unmute</span>
<span id="muted">MUTED</span>
</p>
</body>
</html>


and you can read more here about :trigger :

http://idpf.org/epub/30/spec/epub30-...l-epub-trigger

Last edited by mzmm; 10-03-2012 at 02:38 PM. Reason: weird formatting
mzmm is online now   Reply With Quote