Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add Podcasts Voice Search demo in Live demos and reference implementations #276

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Add Podcasts Voice Search demo in Live demos and reference implementations #276

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions docs-site/content/.vuepress/config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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'],
Expand Down
13 changes: 13 additions & 0 deletions docs-site/content/guide/reference-implementations/podcasts-voice-search.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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).
4 changes: 3 additions & 1 deletion docs-site/content/overview/demos.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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. |

<!---
| [Paul Graham essays conversational search](https://conversational-search-pg-essays.typesense.org/) | 220 essays | A site that showcases Typesense's Conversational Search feature. | -->
| [Paul Graham essays conversational search](https://conversational-search-pg-essays.typesense.org/) | 220 essays | A site that showcases Typesense's Conversational Search feature. | -->