Code Monkey home page Code Monkey logo

leonid20000 / odin-tabs Goto Github PK

View Code? Open in Web Editor NEW
18.0 2.0 0.0 1.84 MB

The Odin Tabs extension is a browser extension that allows you to navigate through your browser tabs using speech recognition and the Large Language Model (LLM) of your choice.

License: MIT License

JavaScript 85.13% HTML 6.62% CSS 8.26%
artificial-intelligence chrome-extension natural-language-processing productivity-tools speech-to-text tab-navigation user-interface web-accessibility web-automation tab-management

odin-tabs's Introduction

Odin Tabs Extension ๐Ÿ‘๏ธ๐ŸŽค๐Ÿ”

odin-tabs Logo

Odin Tabs is a browser extension that allows you to navigate through your browser tabs using speech recognition and the Large Language Model (LLM) of your choice. ๐Ÿ—ฃ๏ธ๐Ÿ’ฌ

๐Ÿ“บ Watch the video below for a full demo:

Demo Video

Use Cases ๐Ÿ“‹๐Ÿ”

Discover the game-changing capabilities of Odin Tabs, a versatile Chrome extension designed to enhance your browsing experience across various scenarios:

๐ŸŒ Empowering Independence: Odin Tabs promotes independence and autonomy for individuals with motor impairments. It eliminates barriers that might otherwise hinder their ability to access information, communicate, and engage with online content.

๐Ÿ”€ Maximizing productivity: Seamlessly switch between tabs for data analysis, research, programming, project management, online learning, and social media, minimizing the effort required to locate the right tab across various tasks.

๐Ÿ“บ Seamless Media Experience: Transform your entertainment setup with Odin Tabs, effortlessly navigating through browser tabs on XR headsets, smart TVs, streaming devices, and media centers using speech recognition. Enjoy a user-friendly and intuitive interface, easily switching between a variety of shows, movies, music, and online platforms without the need for a keyboard or mouse.

Experience the future of browsing with Odin Tabs and its wide-ranging applications!

Functionality ๐Ÿ› ๏ธ๐Ÿ“š

The extension consists of the following components:

  • Background Script (background.js): Listens for messages from the popup or content scripts and handles the communication between them. It manages tab opening and reloading and stores user settings in the local storage.

  • Popup Script (popup.js): Represents the popup window of the extension. It allows the user to start speech recognition, view the recognized speech text, configure settings, and displays a face emoji based on the state of the speech recognition.

  • Popup HTML (popup.html): The HTML markup for the popup window. It contains the necessary elements to display the face emoji, buttons, and recognized speech text.

  • Speech-to-Text Script (odinTabs.js): Handles the speech recognition functionality. It utilizes the Web Speech API to convert spoken words into text. The recognized text is then further processed using the LLM of your choice (currently gpt-turbo-3.5), and the results are used to perform tab navigation.

  • Speech-to-Text HTML (speechToText.html): The HTML markup for the speech-to-text page. It includes a container to display the recognized speech text.

Installation ๐Ÿš€๐Ÿ”ง

To install the Odin Tabs extension, follow these steps:

  1. Download or clone the extension code from the repository.

  2. Open Google Chrome and navigate to chrome://extensions.

  3. Enable the Developer mode using the toggle switch located at the top right corner of the page.

  4. Click on the Load unpacked button.

  5. Select the folder containing the extension code and click Open.

  6. The Odin Tabs extension should now appear in the list of installed extensions. Ensure the extension is enabled.

  7. Click on the extension icon in the Chrome toolbar to open the popup window.

  8. The popup window provides options to start speech recognition, configure settings, and view the recognized speech text.

  9. Click on the Start Speech Recognition button to begin the speech-to-text functionality. Allow microphone access if prompted.

  10. Speak into the microphone, and the recognized speech text will be displayed in the popup window.

  11. Odin Tabs will use the recognized text to perform tab management actions. For example, the extension will activate the relevant tab.

  12. The face emoji in the popup window will change based on the state of the speech recognition. For example, it will display a sleeping emoji when the speech recognition stops.

Configuration โš™๏ธ๐Ÿ”ง

The Odin Tabs extension provides a settings option that allows you to configure a setting value. Here's how to configure the settings:

  1. Click on the extension icon in the Chrome toolbar to open the popup window.

  2. Click on the Settings button.

  3. A prompt will appear asking you to enter a valid key. Enter the desired value and click OK.

  4. The setting value will be stored in the local storage.

  5. After setting the value, the Start Speech Recognition button will be enabled, and the face emoji will change to an active state.

Notes ๐Ÿ“๐Ÿš€

  • The extension requires microphone access to perform speech recognition. Make sure to grant microphone permissions when prompted.

  • The extension uses the OpenAI API for generating text responses. To use this feature, you need to provide a valid API key. The API key can be set through the settings option.

  • This extension is provided as an example and may require additional modifications or improvements to suit your specific use case.

  • The extension's functionality and behavior may be subject to changes and limitations imposed by browser updates or API changes.

Credits ๐Ÿ‘จโ€๐Ÿ’ป๐Ÿ“š

The Odin Tabs extension was developed by Dr. Leonit Zeynalvand and is provided under the MIT license. ๐Ÿ“œ๐Ÿ”“

Light Up the Night

Odin Tabs is an open-source labour of love, a weekend project embracing the power of community. Consider giving it a star ๐ŸŒŸ, if you think it deserves one. Your star helps acknowledge the collective effort behind this project and motivates further improvements.

Thank you for being a part of our open source community! ๐ŸŒŸ

odin-tabs's People

Contributors

leonid20000 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.