Meta tags:
description= Captionator.js enables HTML5 videos to display captions & subtitles, improving accessibility & providing a seamless viewing experience across all browsers.;
Headings (most frequently used words):
captionator, js, video, your, with, html5, and, no, more, excuses, caption, online, today, enhance, accessibility, download, seamless, integration, future, proof, compatibility, easy, implementation, customization, commitment, to, open, source, community, captioning, in, captionplanet, out, about,
Text of the page (most frequently used words):
the (40), and (30), captionator (23), video (20), for (19), your (17), you (15), support (14), this (11), with (11), webvtt (10), html5 (10), that (7), #captionplanet (7), will (7), track (7), javascript (7), captioning (6), can (5), but (5), api (5), accessibility (5), content (5), these (4), features (4), release (4), formats (4), out (4), now (4), way (4), polyfill (4), element (4), subtitles (4), proposed (4), videos (4), ensures (4), all (3), open (3), source (3), project (3), might (3), important (3), captioncrunch (3), lrc (3), currently (3), compatibility (3), development (3), stable (3), media (3), need (3), though (3), about (3), automatically (3), elements (3), like (3), line (3), easy (3), browser (3), provide (3), supports (3), google (3), caption (3), there (3), standards (3), more (3), allows (3), requirements (3), future (3), community (3), see (2), new (2), time (2), following (2), progress (2), branch (2), github (2), just (2), things (2), not (2), pretty (2), even (2), than (2), renderer (2), subtitle (2), enabling (2), styles (2), does (2), them (2), from (2), getting (2), stage (2), intended (2), format (2), demo (2), great (2), apple (2), developer (2), detect (2), enable (2), specified (2), markup (2), solution (2), drop (2), addition (2), existing (2), custom (2), player (2), provides (2), specification (2), assistive (2), enhancement (2), tracks (2), whatwg (2), designed (2), texttrack (2), youtube (2), timestamp (2), syntax (2), soon (2), dfxp (2), ttml (2), sbv (2), srt (2), sub (2), nice (2), its (2), allow (2), powerful (2), much (2), specific (2), web (2), providing (2), people (2), meet (2), tool (2), enhance (2), are (2), engaging (2), ready (2), developers (2), approach (2), digital (2), customization (2), accessible (2), seamless (2), integration (2), today (2), online (2), copyright, captionatorjs, com, rights, reserved, site, map, terms, come, fruition, real, aware, always, work, slightly, less, ambitious, every, bit, possibly, ssa, ass, depending, whether, current, cue, page, stylesheets, inline, parses, nothing, some, which, slipped, interests, door, delivered, instead, namely, next, frontier, roadmap, milestone, goal, performance, better, testing, broader, old, silvia, pfeiffer, presented, audience, googleio, march, year, used, talk, head, around, was, recently, recommended, demonstrated, jer, noble, wwdc, 2011, check, session, 502, advanced, controllers, unfortunately, sign, free, account, totally, painless, documentation, get, started, most, polyfills, makes, write, own, interface, allowing, user, select, when, browsers, land, feature, move, let, take, over, won, have, change, code, want, however, really, associated, shipping, either, they, webkit, has, firefox, parse, anything, yet, slight, catch, while, wasn, guys, bruce, lawson, were, coming, creative, ways, little, hacky, implement, lieu, proper, standard, say, how, convinced, alright, benefits, generated, transcripts, text, search, ability, within, imagine, what, possible, once, crawling, chapter, markers, metadata, capability, could, comments, same, soundcloud, commenting, parts, audio, live, twitter, feed, similar, style, program, abc, far, mark, yes, driver, should, anyway, quality, deaf, first, glance, seem, huge, deal, maybe, appeal, workplace, doing, hearing, difficulties, conclusion, essential, any, creator, looking, reach, their, integrating, ensure, inclusive, encourages, involvement, contribute, growth, collaborative, fosters, innovation, continues, evolving, needs, commitment, moreover, offering, flexibility, create, interfaces, selecting, level, aligns, brand, unique, implementing, straightforward, simply, include, ease, use, focus, creating, without, worrying, complex, coding, implementation, evolve, committed, staying, ahead, updates, aim, additional, such, forward, thinking, remains, becomes, widespread, proof, acts, display, multiple, including, versatility, wide, range, platforms, landscape, ensuring, audiences, paramount, bridge, gap, across, various, build, unminified, minified, production, download, excuses, add, captions,
Text of the page (random words):
add captions subtitles to html5 videos captionator js captionator js no more excuses caption your online video today demo download captionator js 0 5 stable minified production ready 0 5 stable unminified 0 6 captionplanet development build enhance your video accessibility with captionator js in today s digital landscape ensuring that your online videos are accessible to all audiences is paramount captionator js is a powerful javascript polyfill designed to bridge the gap in html5 video captioning enabling seamless integration of subtitles across various formats seamless integration with html5 video captionator js acts as a drop in solution for your existing html5 video elements by providing support for the track element and the texttrack javascript api it allows you to display subtitles in multiple formats including sub srt youtube s sbv webvtt and google s proposed timestamp syntax this versatility ensures compatibility with a wide range of video content and platforms future proof compatibility as web standards evolve captionator js is committed to staying ahead future updates aim to support additional subtitle formats such as lrc dfxp ttml and the webvtt v2 proposed features this forward thinking approach ensures that your video content remains accessible as browser support for these standards becomes widespread easy implementation and customization implementing captionator js is straightforward simply include the polyfill in your project and it will automatically detect and enable track elements specified in your video markup this ease of use allows you to focus on creating engaging content without worrying about complex coding requirements moreover captionator js provides a javascript api in line with the whatwg s specification offering flexibility for developers to create custom interfaces for selecting assistive or media enhancement tracks this level of customization ensures that your video player aligns with your brand s unique requirements commitment to open source and community as an open source project captionator js encourages community involvement developers can contribute to its growth by following the progress of the captionplanet branch on github this collaborative approach fosters innovation and ensures that the tool continues to meet the evolving needs of the digital community in conclusion captionator js is an essential tool for any developer or content creator looking to enhance the accessibility and reach of their video content by integrating this polyfill you ensure that your videos are inclusive engaging and future ready video captioning in html5 at first glance video captioning might not seem like a huge deal maybe it might appeal to you if you need to meet accessibility requirements in your workplace or you re just doing it to be nice to people with hearing difficulties you re pretty far from the mark though yes accessibility is an important driver for video captioning on the web but it s about much more than deaf people and you should be providing quality captioning for them anyway in addition to important accessibility benefits captioning your video can allow automatically generated transcripts text search ability within videos imagine what will be possible once google supports crawling webvtt chapter markers and powerful metadata capability and much more you could provide a track of time specific comments on the video the same way soundcloud allows commenting on specific parts of audio or even a live twitter feed on your video similar in style to the abc s q a program alright you say i m convinced how does html5 allow me to caption my video for a while there wasn t an easy way to do it guys like bruce lawson were coming up with creative ways if a little hacky to implement support in lieu of a proper standard now however there s a really nice way to provide support the html5 track element and its associated javascript api there s a slight catch though no currently shipping browser supports either of these features standards they will soon webkit has support in development and firefox can now parse the track element but can t do anything with it yet but you want to caption your html5 video now and for that you need captionator js captionator js captionator js is a javascript polyfill designed to provide support for the track element and texttrack javascript api it currently supports subtitles in sub srt youtube s sbv webvtt and webvtt with google s proposed timestamp syntax it will soon support lrc dfxp ttml and the webvtt v2 proposed features like most polyfills it s intended to be a drop in addition to your existing html5 video and or custom player and provides a javascript api in line with the whatwg s specification this makes it easy to write your own interface for allowing the user to select assistive or media enhancement tracks and when browsers land support for the feature it ll move out of the way and let the browser take over and you won t have to change a line of code captionator js will automatically detect and enable track elements specified in markup it s a totally painless solution see the captionator js documentation to get started captionator js out about captionator was recently recommended and demonstrated by jer noble of apple at wwdc 2011 check out session 502 advanced html5 media controllers unfortunately you ll need to sign up for a free apple developer account it s a great video though silvia pfeiffer presented on webvtt to an audience at googleio in march this year and used captionator js for the demo this is a great talk for getting your head around webvtt as a format captionplanet captioncrunch the old development release is now stable captionplanet is the next stage frontier in the captionator js roadmap at this stage intended to be the 0 6 release milestone the goal for captionplanet is performance compatibility better testing and broader format support some things which slipped from the 0 5 captioncrunch release in the interests of getting the new captionator js webvtt renderer out the door will be delivered in captionplanet instead namely support for webvtt inline styles captionator currently parses these but does nothing with them enabling support for cue styles in page stylesheets lrc and possibly ssa ass depending on whether the current renderer will support the formats subtitle support this release is slightly less ambitious than 0 5 captioncrunch but every bit as important as captionator js is an open source project you can see all these new features come to fruition in real time by following progress of the captionplanet branch on github just be aware that things might not always be pretty or even work copyright captionatorjs com all rights reserved terms site map
|