Search completed in 1.17 seconds.
39 results for "seeking":
Your results are loading. Please wait...
HTMLMediaElement: seeking event - Web APIs
the seeking event is fired when a seek operation starts, meaning the boolean seeking attribute has changed to true and the media is seeking a new position.
... bubbles no cancelable no interface event target element default action none event handler property globaleventhandlers.onseeking specification html5 media examples these examples add an event listener for the htmlmediaelement's seeking event, then post a message when that event handler has reacted to the event firing.
... using addeventlistener(): const video = document.queryselector('video'); video.addeventlistener('seeking', (event) => { console.log('video is seeking a new position.'); }); using the onseeking event handler property: const video = document.queryselector('video'); video.onseeking = (event) => { console.log('video is seeking a new position.'); }; specifications specification status html living standardthe definition of 'seeking media event' in that specification.
... living standard html5the definition of 'seeking media event' in that specification.
Cross-browser audio basics - Developer guides
tlistener('click', function() { myaudio.pause(); pause.style.display = "none"; play.style.display = "block"; }); // display progress myaudio.addeventlistener('timeupdate', function() { //sets the percentage bar.style.width = parseint(((myaudio.currenttime / myaudio.duration) * 100), 10) + "%"; }); } you should end up with something like this: seeking using the seek bar this is a good start, but it would be nice to be able to navigate the audio using the progress bar.
... myseekabletimeranges = myaudio.seekable; buffering events there are also a couple of events related to buffering: seeking the seeking event is fired when media is being sought.
... seeked seeked occurs when the seeking attribute changes to false.
... note: you can read more on buffering, seeking and time ranges elsewhere.
Audio and Video Delivery - Developer guides
seeking through media media elements provide support for moving the current playback position to specific points in the media's content.
... you can use the element's seekable property to determine the ranges of the media that are currently available for seeking to.
... media buffering, seeking, and time ranges sometimes it's useful to know how much <audio> or <video> has downloaded or is playable without delay — a good example of this is the buffered progress bar of an audio or video player.
Media events - Developer guides
playing sent when the media has enough data to start playing, after the play event, but also when recovering from being stalled, when looping media restarts, and after seeked, if it was playing before seeking.
... seeking sent when a seek operation begins.
... this causes a seeking event to be sent when the operation begins, then a seeked event to be dispatched when the seek is completed.
Video and Audio APIs - Learn web development
previous overview: client-side web apis next html5 comes with elements for embedding rich media in documents — <video> and <audio> — which in turn come with their own apis for controlling playback, seeking, etc.
... seeking back and forth there are many ways that you can implement rewind and fast forward functionality; here we are showing you a relatively complex way of doing it, which doesn't break when the different buttons are pressed in an unexpected order.
nsISeekableStream
xpcom/io/nsiseekablestream.idlscriptable provides seeking support in data streams.
...a negative value causes seeking in the reverse direction.
HTMLMediaElement - Web APIs
htmlmediaelement.seeking read only returns a boolean that indicates whether the media is in the process of seeking to a new position.
... seeked fired when a seek operation completes seeking fired when a seek operation begins stalled fired when the user agent is trying to fetch media data, but data is unexpectedly not forthcoming.
Index - Web APIs
WebAPIIndex
1824 htmlmediaelement: seeked event audio, htmlmediaelement, reference, video, events the seeked event is fired when a seek operation completed, the current playback position has changed, and the boolean seeking attribute is changed to false.
... 1825 htmlmediaelement: seeking event audio, htmlmediaelement, reference, video, events the seeking event is fired when a seek operation starts, meaning the boolean seeking attribute has changed to true and the media is seeking a new position.
SourceBuffer.abort() - Web APIs
a buffer is being appended but the operation has not yet completed) a user "scrubs" the video seeking to a new point in time.
... you can see something similar in action in nick desaulnier's bufferwhenneeded demo — in line 48, an event listener is added to the playing video so a function called seek() is run when the seeking event fires.
Event reference
seeking a seek operation began.
... seeking event html5 media a seek operation began.
<audio>: The Embed Audio element - HTML: Hypertext Markup Language
WebHTMLElementaudio
controls if this attribute is present, the browser will offer controls to allow the user to control audio playback, including volume, seeking, and pause/resume playback.
... seeking a seek operation began.
<video>: The Video Embed element - HTML: Hypertext Markup Language
WebHTMLElementvideo
controls if this attribute is present, the browser will offer controls to allow the user to control video playback, including volume, seeking, and pause/resume playback.
... seeking a seek operation began.
Introducing the Audio API extension - Archive of obsolete content
playing, pausing, and seeking the audio also affect the streaming of this raw audio data.
Mozilla Application Framework in Detail - Archive of obsolete content
with gecko, developers seeking a streamlined way to create and distribute web-based services across multiple platforms and devices can write once to w3c standards and their content and web applications will be accessible from across computing platforms and devices.
Audio for Web games - Game development
encoding your audio at lower bit rates means smaller file sizes but lower seeking accuracy.
Accessible multimedia - Learn web development
in a real video player, you'd probably want a more elaborate seeking bar, or similar.
How much does it cost to do something on the Web? - Learn web development
at the time of writing, clients are seeking single pages with complex parallax will you need the agency to think up user stories or solve complex ux problems?
Client-side web APIs - Learn web development
video and audio apis html5 comes with elements for embedding rich media in documents — <video> and <audio> — which in turn come with their own apis for controlling playback, seeking, etc.
Information for External Developers Dealing with Accessibility
gnome keys: keyboard documentation for gnome 2.2: still seeking developer guidelines for keyboard.
PR_Seek
a negative value causes seeking in the reverse direction.
PR_Seek64
a negative value causes seeking in the reverse direction.
Animation.currentTime - Web APIs
at the start of the game, her height is set between the two extremes by setting her animation's currenttime to half her keyframeeffect's duration: alicechange.currenttime = alicechange.effect.timing.duration / 2; a more generic means of seeking to the 50% mark of an animation would be: animation.currenttime = animation.effect.getcomputedtiming().delay + animation.effect.getcomputedtiming().activeduration / 2; reduced time precision to offer protection against timing attacks and fingerprinting, the precision of animation.currenttime might get rounded depending on browser settings.
AudioTrack - Web APIs
the id can also be used as the fragment part of the url if the media supports seeking by media fragment per the media fragments uri specification.
Document - Web APIs
WebAPIDocument
globaleventhandlers.onseeking is an eventhandler representing the code to be called when the seeking event is raised.
GlobalEventHandlers - Web APIs
globaleventhandlers.onseeking is an eventhandler representing the code to be called when the seeking event is raised.
HTMLMediaElement.readyState - Web APIs
seeking will no longer raise an exception.
HTMLMediaElement.seekToNextFrame() - Web APIs
this also lets you access media using frames as a seek unit rather than timecodes (albeit only by seeking one frame at a time until you get to the frame you want).
HTMLMediaElement: seeked event - Web APIs
the seeked event is fired when a seek operation completed, the current playback position has changed, and the boolean seeking attribute is changed to false.
Media Session action types - Web APIs
to support an action on a media session, such as seeking, pausing, or changing tracks, you need to call the mediasession interface's setactionhandler() method to establish a handler for that action.
VideoTrack - Web APIs
the id can also be used as the fragment part of the url if the media supports seeking by media fragment per the media fragments uri specification.
Web Animations API Concepts - Web APIs
all the animation's playback relies on this timeline: seeking the animation moves the animation’s position along the timeline; slowing down or speeding up the playback rate condenses or expands its spread across the timeline; repeating the animation lines up additional iterations of it along the timeline.
Creating a cross-browser video player - Developer guides
if it is currently not set: video.addeventlistener('timeupdate', function() { if (!progress.getattribute('max')) progress.setattribute('max', video.duration); progress.value = video.currenttime; progressbar.style.width = math.floor((video.currenttime / video.duration) * 100) + '%'; }); note: for more information and ideas on progress bars and buffering feedback, read media buffering, seeking, and time ranges.
Index - Developer guides
WebGuideIndex
11 media buffering, seeking, and time ranges apps, buffer, html5, timeranges, video, buffering, seeking sometimes it's useful to know how much <audio> or <video> has downloaded or is playable without delay — a good example of this is the buffered progress bar of an audio or video player.
Global attributes - HTML: Hypertext Markup Language
leave, ondragover, ondragstart, ondrop, ondurationchange, onemptied, onended, onerror, onfocus, oninput, oninvalid, onkeydown, onkeypress, onkeyup, onload, onloadeddata, onloadedmetadata, onloadstart, onmousedown, onmouseenter, onmouseleave, onmousemove, onmouseout, onmouseover, onmouseup, onmousewheel, onpause, onplay, onplaying, onprogress, onratechange, onreset, onresize, onscroll, onseeked, onseeking, onselect, onshow, onsort, onstalled, onsubmit, onsuspend, ontimeupdate, ontoggle, onvolumechange, onwaiting.
Configuring servers for Ogg media - HTTP
handle http 1.1 byte range requests correctly in order to support seeking and playing back regions of the media that aren't yet downloaded, gecko uses http 1.1 byte-range requests to retrieve the media from the seek target position.
SVG Event Attributes - SVG: Scalable Vector Graphics
WebSVGAttributeEvents
leave, ondragover, ondragstart, ondrop, ondurationchange, onemptied, onended, onerror, onfocus, oninput, oninvalid, onkeydown, onkeypress, onkeyup, onload, onloadeddata, onloadedmetadata, onloadstart, onmousedown, onmouseenter, onmouseleave, onmousemove, onmouseout, onmouseover, onmouseup, onmousewheel, onpause, onplay, onplaying, onprogress, onratechange, onreset, onresize, onscroll, onseeked, onseeking, onselect, onshow, onstalled, onsubmit, onsuspend, ontimeupdate, ontoggle, onvolumechange, onwaiting graphical event attributes onactivate, onfocusin, onfocusout ...
begin - SVG: Scalable Vector Graphics
WebSVGAttributebegin
seeking backwards in the timeline doesn't re-insert the discarded elements.
SVG Attribute reference - SVG: Scalable Vector Graphics
WebSVGAttribute
leave, ondragover, ondragstart, ondrop, ondurationchange, onemptied, onended, onerror, onfocus, oninput, oninvalid, onkeydown, onkeypress, onkeyup, onload, onloadeddata, onloadedmetadata, onloadstart, onmousedown, onmouseenter, onmouseleave, onmousemove, onmouseout, onmouseover, onmouseup, onmousewheel, onpause, onplay, onplaying, onprogress, onratechange, onreset, onresize, onscroll, onseeked, onseeking, onselect, onshow, onstalled, onsubmit, onsuspend, ontimeupdate, ontoggle, onvolumechange, onwaiting graphical event attributes onactivate, onfocusin, onfocusout ...