2b:null 2c:["$","title",null,{"children":"Stream TV captions using OpenedCaptions | Chris Zubak-Skees | Observable"}] 31:T751,svg``32:[] 2f:{"id":"d5f5634924ff5fb8","slug":"stream-c-span-captions-using-openedcaptions","title":"Stream TV captions using OpenedCaptions","thumbnail":"33313bfc35b35f0388c3ddac44a1934a9149c1dc1839381a818bba6d22bc9672","access_level":"public","create_time":"$D2019-12-29T20:01:17.591Z","update_time":"$D2019-12-30T18:51:42.997Z","view_time":null,"first_public_time":"$D2019-12-29T22:05:17.027Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"af142d61d1f72c32","login":"chriszs","name":"Chris Zubak-Skees","avatar_url":"https://avatars-next.observableusercontent.com/8f35cfadf5e34ea8c5da8c9decb514f55a0ea9f7babec9be636b56334bdd9c50","tier":"starter_2024"},"version":175,"publish_version":175,"role":null,"authored":false,"authors":[{"type":"individual","id":"7df35765d82ba3ca","login":"chriszs","name":"Chris Zubak-Skees","avatar_url":"https://avatars-next.observableusercontent.com/8f35cfadf5e34ea8c5da8c9decb514f55a0ea9f7babec9be636b56334bdd9c50","tier":null}],"members":[{"type":"individual","id":"7df35765d82ba3ca","login":"chriszs","name":"Chris Zubak-Skees","avatar_url":"https://avatars-next.observableusercontent.com/8f35cfadf5e34ea8c5da8c9decb514f55a0ea9f7babec9be636b56334bdd9c50","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Stream TV captions using OpenedCaptions","cells":[{"id":0,"value":"md`# Stream TV captions using OpenedCaptions`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":106,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":116,"value":"html`Illustration by Benjamin Zanatta`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":169,"value":"md`This demonstrates a simple adapter for using Dan Schultz\\'s [OpenedCaptions](https://github.com/slifty/opened-captions) in Observable.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":11,"value":"{\n const el = DOM.element('div');\n el.classList.add('captions');\n yield el;\n for await (const word of new OpenedCaptions()) {\n el.innerHTML += word + ' ';\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":13,"value":"class OpenedCaptions {\n constructor(url = \"https://openedcaptions.com\") {\n this._socket = socketIO(url);\n return new EventIterator(push =>\n this._socket.on('word', ({ data }) => push(data.body))\n );\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2,"value":"socketIO = require(\"socket.io-client/dist/socket.io.js\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":38,"value":"EventIterator = (await require('https://bundle.run/event-iterator@1.2.0/lib/event-iterator.js'))\n .EventIterator","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":94,"value":"html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"