Search completed in 1.19 seconds.
VTTCue - Web APIs
the vtt
cue interface—part of the api for handling webvtt (text tracks on media presentations)—describes and controls the text track associated with a particular <track> element.
... constructor vtt
cue(starttime, endtime, text) returns a newly created vtt
cue object that covers the given time range and has the given text.
... param starttime the time, in seconds and fractions of a second, that describes the beginning of the range of the media data to which the
cue applies.
...And 18 more matches
TextTrackCue - Web APIs
texttrack
cue is an abstract class which is used as the basis for the various derived
cue types, such as vtt
cue; you will instead work with those derived types.
... these
cues represent a string of text that is presented for some duration of time during the performance of a texttrack.
... the
cue includes the start time (the time at which the text will be displayed) and the end time (the time at which it will be removed from the display), as well as other information.
...And 9 more matches
VTTCue() - Web APIs
the vtt
cue() constructor creates and returns a new vtt
cue object.
... syntax vtt
cue = new vtt
cue(starttime, endtime, text); parameters starttime this is a double representing the initial text track
cue start time.
... this is the time, given in seconds and fractions of a second, denoting the beginning of the range of the media data to which this
cue applies.
...And 7 more matches
::cue-region - CSS: Cascading Style Sheets
the ::
cue-region css pseudo-element matches webvtt
cues within a selected element.
... this can be used to style captions and other
cues in media with vtt tracks.
... ::
cue-region { color: yellow; font-weight: bold; } the properties are applied to the entire set of
cues as if they were a single unit.
...And 3 more matches
::cue - CSS: Cascading Style Sheets
the ::
cue css pseudo-element matches webvtt
cues within a selected element.
... this can be used to style captions and other
cues in media with vtt tracks.
... ::
cue { color: yellow; font-weight: bold; } the properties are applied to the entire set of
cues as if they were a single unit.
...And 3 more matches
GlobalEventHandlers.oncuechange - Web APIs
the on
cuechange property of the globaleventhandlers mixin is the eventhandler for processing
cuechange events.
... the
cuechange event fires when a texttrack has changed the currently displaying
cues.
... syntax element.on
cuechange = handlerfunction; var handlerfunction = element.on
cuechange; handlerfunction is either null or a javascript function specifying the handler for the event.
... specification specification status comment html living standardthe definition of 'on
cuechange' in that specification.
HTMLTrackElement: cuechange event - Web APIs
the
cuechange event fires when a texttrack has changed the currently displaying
cues.
... bubbles no cancelable no interface event event handler on
cuechange examples on the texttrack you can set up a listener for the
cuechange event on a texttrack using the addeventlistener() method: track.addeventlistener('
cuechange', function () { let
cues = track.active
cues; // array of current
cues }); or you can just set the on
cuechange event handler property: track.on
cuechange = function () { let
cues = track.active
cues; // array of current
cues } on the track element the underlying texttrack, indicated by the track property, receives a
cuechange event every time the currently-presented
cue is changed.
... if the track is associated with a media element, using the <track> element as a child of the <audio> or <video> element, the
cuechange event is also sent to the htmltrackelement.
... let texttrackelem = document.getelementbyid("texttrack"); texttrackelem.addeventlistener("
cuechange", (event) => { let
cues = event.target.track.active
cues; }); in addition, you can use the on
cuechange event handler: let texttrackelem = document.getelementbyid("texttrack"); texttrackelem.on
cuechange = (event) => { let
cues = event.target.track.active
cues; }); specifications specification status html living standardthe definition of '
cuechange' in that specification.
TextTrack: cuechange event - Web APIs
the
cuechange event fires when a texttrack has changed the currently displaying
cues.
... bubbles no cancelable no interface event event handler property globaleventhandlers.on
cuechange examples on the texttrack you can set up a listener for the
cuechange event on a texttrack using the addeventlistener() method: track.addeventlistener('
cuechange', function () { let
cues = track.active
cues; // array of current
cues }); or you can just set the on
cuechange event handler property: track.on
cuechange = function () { let
cues = track.active
cues; // array of current
cues } on the track element the underlying texttrack, indicated by the track property, receives a
cuechange event every time the currently-presented c...
... if the track is associated with a media element, using the <track> element as a child of the <audio> or <video> element, the
cuechange event is also sent to the htmltrackelement.
... let texttrackelem = document.getelementbyid("texttrack"); texttrackelem.addeventlistener("
cuechange", (event) => { let
cues = event.target.track.active
cues; }); in addition, you can use the on
cuechange event handler: let texttrackelem = document.getelementbyid("texttrack"); texttrackelem.on
cuechange = (event) => { let
cues = event.target.track.active
cues; }); specifications specification status html living standardthe definition of '
cuechange' in that specification.
Web Video Text Tracks Format (WebVTT) - Web APIs
a webvtt file (.vtt) contains
cues, which can be either a single line or multiple lines, as shown below: webvtt 00:01.000 --> 00:04.000 - never drink liquid nitrogen.
... zero or more
cues or comments.
... example 1 - simplest possible webvtt file webvtt example 2 - very simple webvtt file with a text header webvtt - this file has no
cues.
...And 54 more matches
TextTrack.mode - Web APIs
safari additionally requires the default boolean attribute to be set to true when implementing your own video player controls in order for the subtitles
cues to be shown.
...no
cues are active, no events are being fired, and the user agent won't attempt to obtain the track's
cues.
... hidden the text track is currently active but the
cues aren't being displayed.
...And 13 more matches
TextTrack - Web APIs
texttrack.active
cues read only a texttrack
cuelist object listing the currently active set of text track
cues.
... track
cues are active if the current playback position of the media is between the
cues' start and end times.
... thus, for displayed
cues such as captions or subtitles, the active
cues are currently being displayed.
...And 6 more matches
Index - Web APIs
1490 globaleventhandlers.on
cuechange api, event handler, globaleventhandlers, property, reference, texttrack, webvtt, text track, track, vtt the on
cuechange property of the globaleventhandlers mixin is the eventhandler for processing
cuechange events.
... 1947 htmltrackelement:
cuechange event api, accessibility, audio, chapters, descriptions, htmltexttrack, media, reference, text, texttrack, video, webvtt, a11y, captions,
cuechange, events, on
cuechange, track, vtt the
cuechange event fires when a texttrack has changed the currently displaying
cues.
... 4244 texttrack:
cuechange event api, event, reference, texttrack, webvtt,
cuechange, on
cuechange, track the
cuechange event fires when a texttrack has changed the currently displaying
cues.
...And 4 more matches
HTMLTrackElement - Web APIs
htmltrackelement.readystate read only returns an unsigned short that show the readiness state of the track: constant value description none 0 indicates that the text track's
cues have not been obtained.
...further
cues might still be added to the track by the parser.
...some or all of the
cues are likely missing and will not be obtained.
...And 3 more matches
<track>: The Embed Text Track element - HTML: Hypertext Markup Language
it may include important non-verbal information such as music
cues or sound effects.
... it may indicate the
cue's source (e.g.
... detecting
cue changes the underlying texttrack, indicated by the track property, receives a
cuechange event every time the currently-presented
cue is changed.
...And 2 more matches
Video and audio content - Learn web development
these text strings are called
cues, and there are several kinds of
cues which are used for different purposes.
... the most common
cues are: subtitles translations of foreign material, for people who don't understand the words spoken in the audio.
...use the kind attribute to specify whether the
cues are subtitles, captions, or descriptions.
VTTRegion - Web APIs
the vttregion interface—part of the api for handling webvtt (text tracks on media presentations)—describes a portion of the video to render a vtt
cue onto.
... vttregion.scroll an enum representing how adding new
cues will move existing
cues.
...var
cue = new vtt
cue(2, 3, 'cool text to be displayed');
cue.region = region; // this
cue will be drawn only within this region.
Adding captions and subtitles to HTML5 video - Developer guides
} .subtitles-menu li { padding:0; text-align:center; } .subtitles-menu li button { border:none; background:#000; color:#fff; cursor:pointer; width:90%; padding:2px 5px; border-radius:2px; } styling the displayed subtitles one of the less well known about and supported features of webvtt is the ability to style the individual subtitles (something called text
cues) via css extensions.
... the ::
cue pseudo-element is the key to targetting individual text track
cues for styling, as it matches any defined
cue.
... there are only a handful of css properties that can be applied to a text
cue: color opacity visibility text-decoration text-shadow background shorthand properties outline shorthand properties font shorthand properties, including line-height white-space for example, to change the text colour of the text track
cues you can write: ::
cue { color:#ccc; } if the webvtt file uses voice spans, which allow
cues to be defined as having a particular "voice": 0 00:00:00.000 --> 00:00:12.000 <v test>[test]</v> then this specific 'voice' will be stylable like so: ::
cue(v[voice='test']) { color:#fff; background:#0095dd; } note: some of the styling of
cues with ::
cue currently works on chrome, opera, and safari, but not yet on firefox.
Browser Feature Detection - Archive of obsolete content
derbottomstyle true true true borderleftstyle true true true bottom true true true captionside true false true clear true true true clip true true true content true false true counterincrement true false true counterreset true false true
cue true false false
cueafter true false false
cuebefore true false false cursor true true true direction true true true elevation true false false emptycells true false true fontsizeadjust true false true fontstretch true false true left ...
...'borderbottomstyle', 'supported': false}, {name: 'borderleftstyle', 'supported': false}, {name: 'bottom', 'supported': false}, {name: 'captionside', 'supported': false}, {name: 'clear', 'supported': false}, {name: 'clip', 'supported': false}, {name: 'content', 'supported': false}, {name: 'counterincrement', 'supported': false}, {name: 'counterreset', 'supported': false}, {name: '
cue', 'supported': false}, {name: '
cueafter', 'supported': false}, {name: '
cuebefore', 'supported': false}, {name: 'cursor', 'supported': false}, {name: 'direction', 'supported': false}, {name: 'elevation', 'supported': false}, {name: 'emptycells', 'supported': false}, {name: 'fontsizeadjust', 'supported': false}, {name: 'fontstretch', 'supported': false}, {name: 'left', 'supported'...
Extras
ow> <msub title="base-a log"> <mi>log</mi> <mi>a</mi> </msub> <mo>&applyfunction;</mo> <mi>x</mi> </mrow> <mo>=</mo> <mfrac> <mrow> <mi title="natural log">ln</mi> <mo>&applyfunction;</mo> <mi>x</mi> </mrow> <mrow> <mi title="natural log">ln</mi> <mo>&applyfunction;</mo> <mi>a</mi> </mrow> </mfrac> </mrow> </math> rather than repeating the instructions, some css might be used to provide a visual
cue.
... for example with the style rule: <code style="white-space: nowrap;">*[title] { color: blue; }</code> <math class="
cue" display="block"> <mrow> <mrow> <msub title="base-a log"> <mi>log</mi> <mi>a</mi> </msub> <mo>&applyfunction;</mo> <mi>x</mi> </mrow> <mo>=</mo> <mfrac> <mrow> <mi title="natural log">ln</mi> <mo>&applyfunction;</mo> <mi>x</mi> </mrow> <mrow> <mi title="natural log">ln</mi> <mo>&applyfunction;</mo> <mi>a</mi> </mrow> </mfrac> </mrow> </math> </p> css content math.
cue *[title] { color: blue; } mixing with other markups html content <math display="block"> <mrow> <mi>a</mi> <mo>=</mo> <mo>[</mo> <mtable> <mtr> <mtd><mn>1</mn></mtd> <mtd> <mtext> <img width="16" height="16" src="https://udn.realityripple.com/samples/3f/9341cbddc0.png" alt="mozilla-16" /> </mtext> </...
Using files from web applications - Web APIs
you need to provide a visual
cue for the focus status of the hidden input field on its label, be it an outline as shown above, or background-color or box-shadow.
... (as of time of writing, firefox doesn’t show this visual
cue for <input type="file"> elements.) selecting files using drag and drop you can also let the user drag and drop files into your web application.
Web APIs
vent speechsynthesisevent speechsynthesisutterance speechsynthesisvoice staticrange stereopannernode storage storageestimate storageevent storagemanager storagequota stylepropertymap stylepropertymapreadonly stylesheet stylesheetlist submitevent subtlecrypto syncevent syncmanager t taskattributiontiming text textdecoder textencoder textmetrics textrange texttrack texttrack
cue texttracklist timeevent timeranges touch touchevent touchlist trackdefault trackdefaultlist trackevent transferable transformstream transitionevent treewalker typeinfo u uievent ulongrange url urlsearchparams urlutilsreadonly usb usbalternateinterface usbconfiguration usbdevice usbendpoint usbintransferresult usbinterface usbisochronousintransferpacket usbisochronousintransferr...
...esult usbisochronousouttransferpacket usbisochronousouttransferresult usbouttransferresult usvstring userdatahandler userproximityevent v vtt
cue vttregion validitystate videoconfiguration videoplaybackquality videotrack videotracklist visualviewport w webgl_color_buffer_float webgl_compressed_texture_astc webgl_compressed_texture_atc webgl_compressed_texture_etc webgl_compressed_texture_etc1 webgl_compressed_texture_pvrtc webgl_compressed_texture_s3tc webgl_compressed_texture_s3tc_srgb webgl_debug_renderer_info webgl_debug_shaders webgl_depth_texture webgl_draw_buffers webgl_lose_context wakelock wakelocksentinel waveshapernode webgl2renderingcontext webglactiveinfo webglbuffer webglcontextevent webglframebuffer webglprogram webglquery webglrenderbuffer webglrenderingc...
speak-as - CSS: Cascading Style Sheets
for example, an author can specify a counter symbol to be either spoken as its numerical value or just represented with an audio
cue.
... bullets a phrase or an audio
cue defined by the user agent for representing an unordered list item will be read out.
Examples - Game development
save the day fly your res
cue chopper around the disaster area and save the stranded victims (ga.me.) polycraft a shipwreck 'n survive game.
Mozilla's Section 508 Compliance
(l) when electronic forms are used, the form shall allow people using assistive technology to access the information, field elements, and functionality required for completion and submission of the form, including all directions and
cues.
Accessible Toolkit Checklist
this can be supported through spi_getkeyboard
cues and spi_getmenuunderlines simple widgets buttons tab, arrow, unmodified letter mnemonics require and support text labels for buttons with images, can be same as tooltip space key activates button enter key activates focused button (thus current button, not default button shows dark border when a different button is focused) when button has a popup a...
Creating MozSearch plugins
haaaabgdbtueaak%2finwwk6qaaabl0rvh0u29mdhdhcmuaqwrvymugsw1hz2vszwfkexhjztwaaahwsurbvhjayvz%2f%2fz8djqaggjiqoe%2ffv2fv7oz8rays%2fn%2bvkfg%2fiynjfyd%2f1%2brvq7ffu3dpfpsbaaheahibcj85c8bn2nj4vwsdw%2f8zqlwkio8ccroqu0dxqlwrdshuwzbaaigjmtnnpgya9j8uqhfelwpxf2mideirksn9fwsjorkaeeam0dd4dzmaypi%2fg%2bqky4hh5waxgf8pdq0fgwj22d27cjadaaiirlmjo%2bmxa9r2kahvgba2wwx6b8w7od6ceqcggkcmcel8bgwxycbuigtdvkhdbia%2bcuotgac
cued3tdqn75d4xmavcok9armhbzaw0aecibhkalc0mdy7x9abna3obazxiaa6ikecglmvqhwwyjyul2d4v2cpg8vzswx7ghyaaak7aoif7saboqcmn4ha3ahfsidtgpq%2fvlz8p4mskj2w9h8ggbjevxvhdo4fquqg%2fkdypqcg4h8luiacnq%2fsobmyi8basajfpcj1aaeejwvqqlpabxmh5bjjqi0gi9dtaagdbbccavlkgmq7ykczxpcqxquzhaeccj4xgml493ug21zd%2badaxh0wlm4a9mzpxjkjiiawtar5pqmalacabquulttbgccagcnnzgabbgamj5thwgvjlaaaaabjru5erkjggg%3d%3d</image> <url type="text/html"...
Displaying Places information using views
if your view is widely used, however, you may want to take a
cue from the built-in tree view and create your own javascript prototype similar to placestreeview and your own xbl tree binding so that much of the work of creating views and viewers and hooking them up to results is abstracted away.
nsIURIFixup
whether we could res
cue the uri or "just" generated a keyword search uri instead).
Creating a Custom Column
don't forget that columns aren't restricted to text - they can also load images (via getimagesrc()) so that your extension can display a new visual
cue to the user.
AudioContextLatencyCategory - Web APIs
"interactive" the audio is involved in interactive elements, such as responding to user actions or needing to coincide with visual
cues such as a video or game action.
AudioContextOptions - Web APIs
"interactive" the audio is involved in interactive elements, such as responding to user actions or needing to coincide with visual
cues such as a video or game action.
Document - Web APIs
globaleventhandlers.on
cuechange is an eventhandler representing the code to be called when the
cuechange event is raised.
GlobalEventHandlers - Web APIs
globaleventhandlers.on
cuechange is an eventhandler representing the code to be called when the
cuechange event is raised.
The HTML DOM API - Web APIs
audiotrack audiotracklist mediaerror texttrack texttrack
cue texttrack
cuelist texttracklist timeranges trackevent videotrack videotracklist drag and drop interfaces these interfaces are used by the html_drag_and_drop_api to represent individual draggable (or dragged) items, groups of dragged or draggable items, and to handle the drag and drop process.
Request.destination - Web APIs
this type is much broader than the usual document type values (such as "document" or "manifest"), and may include contextual
cues such as "image" or "worker" or "audioworklet".
SubtleCrypto.importKey() - Web APIs
0kdrmlefezyowpaehhmfywybtuzbipvizvp8wfcsknmbfi1s9a9pdbqnebwwhhx3/hsebt2bagmbaaecggeabei1p6nf6zs7mjlybdv+pfl5rjl2coqly6tovvzvblmkcppjyfunipdk2tk2i897zaxfhpdbikmllm2hq6jzqkb110oantpdg0jxzmiihps32s1d/kilhjgff4hjd4nxp1l1dp8bupollorr2tym2x6dccgfw9lhtr8o03qp4hjn84vjgiwadyck83mgs4nrsnhkdiqynwx1ajkly51yek6rcrdmi0th2rxrrinoc35svv+apt2rkomgi52rwtesea1kzgfrxjq61rejif6p2vxecvhex6cwlx014lgk43z6q28p6hgeevefijyq
cuea5du/myb/qsrscosxlxbqwqkbgqd1+fdc9zimrvi+km7nx2ckbn8rjrdmuh5sbxn2myjdrud8bynnzkcgkmgxvxsvjrbmvorby2txoiqudzkk5md3e5o/qzwpwqlgru8ueynpobax9nrgnfz7rzd+81vh5mfzixfuzouzv29izhu0oqyz9y75ehkldrernkwyoe5auqkbgqdlzapdi1nxkbgsj9iio4kua7jvd4jjrqfy4zhj/jbqvlvm0f/ufp7sxvchgx4r11c+6icbhx4u+zuu0hgjt4d+hnxmggyxr8fiuvxolotdkvja5sobzk73/9/mbekusdmjprhalzqfmujrwioevdmhfg3tw/rbj5ryatp2dtvumqkbgds8yr52drmt+bwxofwwawb...
Fundamentals of WebXR - Web APIs
unless they're in a safe environment, it's important to provide
cues to restrict their movement, such as by simulating a space that is known to be safe within their physical environment.
ARIA: button role - Accessibility
the included css style is provided to make the <span> element look like a button, and to provide visual
cues when the button has focus.
Understandable - Accessibility
3.3.5 context-sensitive help is available (aaa) provide instructions and other appropriate
cues in context to aid form completion and submission.
@counter-style - CSS: Cascading Style Sheets
for example, the value of the marker symbol can be read out as numbers or alphabets for ordered lists or as audio
cues for unordered lists, based on the value of this descriptor.
Pseudo-elements - CSS: Cascading Style Sheets
index of standard pseudo-elements ::after (:after) ::backdrop ::before (:before) ::
cue ::
cue-region ::first-letter (:first-letter) ::first-line (:first-line) ::grammar-error ::marker ::part() ::placeholder ::selection ::slotted() ::spelling-error browser lowest version support of internet explorer 8.0 :pseudo-element 9.0 :pseudo-element ::pseudo-element firefox (gecko) 1.0 (1.0) :pseudo-element ...
CSS reference - CSS: Cascading Style Sheets
ion-sidecaret-colorch@character-variantcharacter-variant()@charset:checkedcircle()clamp()clearclipclip-pathcm<color>colorcolor-adjustcolumn-countcolumn-fillcolumn-gapcolumn-rulecolumn-rule-colorcolumn-rule-stylecolumn-rule-widthcolumn-spancolumn-widthcolumnsconic-gradient()containcontentcontrast()<counter>counter-incrementcounter-resetcounter-set@counter-stylecounters()cross-fade()cubic-bezier()::
cue::
cue-regioncursor<custom-ident>d:defaultdeg<dimension>:dirdirection:disableddisplay<display-box><display-inside><display-internal><display-legacy><display-listitem><display-outside>dpcmdpidppxdrop-shadow()eelement()ellipse()em:emptyempty-cells:enabledenv()exffallback (@counter-style)filter<filter-function>:first:first-child::first-letter (:first-letter)::first-line (:first-line):first-of-typefit-...
Global attributes - HTML: Hypertext Markup Language
the event handler attributes: onabort, onautocomplete, onautocompleteerror, onblur, oncancel, oncanplay, oncanplaythrough, onchange, onclick, onclose, oncontextmenu, on
cuechange, ondblclick, ondrag, ondragend, ondragenter, ondragexit, ondragleave, 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, onplayin...
HTML documentation index - HTML: Hypertext Markup Language
213 <track>: the embed text track element accessibility,
cues, element, html, html embedded content, html5, multimedia, reference, texttrack, web, a11y, track the html <track> element is used as a child of the media elements, <audio> and <video>.
SVG Event Attributes - SVG: Scalable Vector Graphics
attributes animation event attributes onbegin, onend, onrepeat document event attributes onabort, onerror, onresize, onscroll, onunload document element event attributes oncopy, oncut, onpaste global event attributes oncancel, oncanplay, oncanplaythrough, onchange, onclick, onclose, on
cuechange, ondblclick, ondrag, ondragend, ondragenter, ondragexit, ondragleave, 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, onplayin...
SVG Attribute reference - SVG: Scalable Vector Graphics
ue attributes calcmode, values, keytimes, keysplines, from, to, by, autoreverse, accelerate, decelerate animation addition attributes additive, accumulate event attributes animation event attributes onbegin, onend, onrepeat document event attributes onabort, onerror, onresize, onscroll, onunload global event attributes oncancel, oncanplay, oncanplaythrough, onchange, onclick, onclose, on
cuechange, ondblclick, ondrag, ondragend, ondragenter, ondragexit, ondragleave, 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, onplayin...