{"id":67,"date":"2022-09-16T12:00:00","date_gmt":"2022-09-16T12:00:00","guid":{"rendered":"https:\/\/eric.tedjamulia.com\/blog\/one-of-a-kind-storytime\/"},"modified":"2026-10-29T05:57:20","modified_gmt":"2026-10-29T05:57:20","slug":"one-of-a-kind-storytime","status":"publish","type":"post","link":"https:\/\/eric.tedjamulia.com\/blog\/one-of-a-kind-storytime\/","title":{"rendered":"One of a Kind Storytime"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><br>For the hackathon, I made a storybook that can come up with a new story, illustrate it, and read it aloud. The idea is to let the kids ask for something a little more specific than whichever book happens to be on the shelf.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The app is React and TypeScript. It asks GPT-3&#8217;s <code>text-davinci-002<\/code> model for a fairy tale, then makes another request for a title. Stable Diffusion supplies the cover and page illustrations, and Azure Cognitive Services handles the neural text-to-speech.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The book interface splits the story into short pages and uses a page-flipping component to put text and illustrations side by side. There are options for the illustration style, reading voice and speed, and automatic page turning. The image requests are queued so the book does not try to generate every picture at once.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is a hackathon prototype, not a finished replacement for reading together. Mostly I wanted to see what happened when those three pieces were put in the same little storybook. Here is the demo, along with the source.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.youtube.com\/watch?v=0Ct7P49oLTU\">Watch on YouTube<\/a> \u00b7 <a href=\"https:\/\/github.com\/etedj\/ai-storytime\">Source on GitHub<\/a><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"EricTedj Hackathon 2022\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/0Ct7P49oLTU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>For the hackathon, I made a storybook that can come up with a new story, illustrate it, and read it aloud. The idea is to let the kids ask for something a little more specific than whichever book happens to be on the shelf. The app is React and TypeScript. It asks GPT-3&#8217;s text-davinci-002 model [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":115,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[50],"tags":[55,53,56,51,54,52],"class_list":["post-67","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-project-videos","tag-azure-speech","tag-gpt-3","tag-hackathon","tag-react","tag-stable-diffusion","tag-typescript"],"_links":{"self":[{"href":"https:\/\/eric.tedjamulia.com\/blog\/wp-json\/wp\/v2\/posts\/67","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eric.tedjamulia.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eric.tedjamulia.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eric.tedjamulia.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eric.tedjamulia.com\/blog\/wp-json\/wp\/v2\/comments?post=67"}],"version-history":[{"count":2,"href":"https:\/\/eric.tedjamulia.com\/blog\/wp-json\/wp\/v2\/posts\/67\/revisions"}],"predecessor-version":[{"id":117,"href":"https:\/\/eric.tedjamulia.com\/blog\/wp-json\/wp\/v2\/posts\/67\/revisions\/117"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/eric.tedjamulia.com\/blog\/wp-json\/wp\/v2\/media\/115"}],"wp:attachment":[{"href":"https:\/\/eric.tedjamulia.com\/blog\/wp-json\/wp\/v2\/media?parent=67"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eric.tedjamulia.com\/blog\/wp-json\/wp\/v2\/categories?post=67"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eric.tedjamulia.com\/blog\/wp-json\/wp\/v2\/tags?post=67"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}