From 99f5bfddaf4902828073f3f04b97e54a97b66cf3 Mon Sep 17 00:00:00 2001 From: Hayden Date: Thu, 24 Oct 2024 22:09:26 +0700 Subject: [PATCH] Add Podcasts Voice Search demo --- docs-site/content/.vuepress/config.js | 1 + .../podcasts-voice-search.md | 13 +++++++++++++ docs-site/content/overview/demos.md | 4 +++- 3 files changed, 17 insertions(+), 1 deletion(-) create mode 100644 docs-site/content/guide/reference-implementations/podcasts-voice-search.md diff --git a/docs-site/content/.vuepress/config.js b/docs-site/content/.vuepress/config.js index b9ae360f..ec7259b6 100644 --- a/docs-site/content/.vuepress/config.js +++ b/docs-site/content/.vuepress/config.js @@ -266,6 +266,7 @@ let config = { 'Conversational Search with Paul Graham Essays', ], ['/guide/reference-implementations/ai-image-search.md', 'AI Image Search'], + ['/guide/reference-implementations/podcasts-voice-search.md', 'Podcasts Voice Search'], ], }, ['/guide/faqs', 'Frequently Asked Questions'], diff --git a/docs-site/content/guide/reference-implementations/podcasts-voice-search.md b/docs-site/content/guide/reference-implementations/podcasts-voice-search.md new file mode 100644 index 00000000..bd5d758c --- /dev/null +++ b/docs-site/content/guide/reference-implementations/podcasts-voice-search.md @@ -0,0 +1,13 @@ +# Podcasts Voice Search + +This demo lets you search across 96K podcasts by recording and sending a short audio clip of your voice to Typesense. + +This implementation uses **React** for the front end and [typesense-js](https://github.com/typesense/typesense-js) client SDK for sending queries to Typesense. + +[Live Demo](https://podcasts-voice-search.typesense.org/) | [Source Code](https://github.com/typesense/showcase-podcasts-voice-search) + +### Key Highlights + +- [Here's](https://github.com/typesense/showcase-podcasts-voice-search/blob/0bf3b594962bdba9f6cf2d735cbf53d6711d3a6e/scripts/indexTypesense.ts#L35-L54) how to configure the collection schema to enable voice query. +- [Here's](https://github.com/typesense/showcase-podcasts-voice-search/blob/2771bca8853adcd4c7937fb253582dbdda99c94b/src/hooks/useSearch.tsx#L29-L40) how to configure the query parameters to search using base64 encoded audio data. +- [Here's](https://github.com/typesense/showcase-podcasts-voice-search/blob/2771bca8853adcd4c7937fb253582dbdda99c94b/src/hooks/useSearch.tsx#L41-L43) how to get the transcribed query from the search result and use it to [fetch the next page](https://github.com/typesense/showcase-podcasts-voice-search/blob/2771bca8853adcd4c7937fb253582dbdda99c94b/src/hooks/useSearch.tsx#L62-L82). diff --git a/docs-site/content/overview/demos.md b/docs-site/content/overview/demos.md index 1c1bc8e9..4a9d73f1 100644 --- a/docs-site/content/overview/demos.md +++ b/docs-site/content/overview/demos.md @@ -20,5 +20,7 @@ Here are some live demos, that show Typesense used for different use cases. | Guitar Chords Search in [NuxtJS](https://guitar-chords-search-nuxt-js.typesense.org/), [NextJS](https://guitar-chords-search-next-js.typesense.org/), [Angular](https://guitar-chords-search-angular.typesense.org/), [Vanilla JS](https://guitar-chords-search-vanilla-js.typesense.org/), [Astro](https://guitar-chords-search-astro.typesense.org/), [SolidJS](https://guitar-chords-search-solid-js.typesense.org/), [Remix](https://guitar-chords-search-remix.typesense.org/), [SvelteKit](https://guitar-chords-search-svelte-kit.typesense.org/), [Qwik](https://guitar-chords-search-qwik.typesense.org/), and [React Native](https://github.com/typesense/showcase-guitar-chords-search-react-native) | 2141 chord shapes of 552 chords | Sites that showcase how to use Typesense in different Javascript frameworks. | | [Address autocomplete](https://address-autocomplete.typesense.org/) | 15K addresses in Boston city | An address autocomplete experience powered by Typesense. | | [AI Image Search](https://ai-image-search.typesense.org/) | 1.25K images | A site that showcases Typesense's Image Search feature. | +| [Podcasts Voice Search](https://podcasts-voice-search.typesense.org/) | 96K podcasts | A site that showcases Typesense's Voice Query feature. | + \ No newline at end of file +| [Paul Graham essays conversational search](https://conversational-search-pg-essays.typesense.org/) | 220 essays | A site that showcases Typesense's Conversational Search feature. | -->