31:T751,svg``32:[] 2f:{"title":"Stream TV captions using OpenedCaptions","cells":[{"id":0,"value":"md`# Stream TV captions using OpenedCaptions`","pinned":false,"hidden":false,"mode":"ojs"},{"id":106,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":116,"value":"html`Illustration by Benjamin Zanatta`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"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"},{"id":2,"value":"socketIO = require(\"socket.io-client/dist/socket.io.js\")","pinned":true,"hidden":false,"mode":"ojs"},{"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"},{"id":94,"value":"html``","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}