Coder Social home page Coder Social logo

loopios7 / lootx Goto Github PK

View Code? Open in Web Editor NEW

This project forked from hopflash/lootpeep

0.0 0.0 0.0 139 KB

Forked Chrome Extension from HopFlash with the purpose of adding StreamElements and Streamlabs integration.

License: GNU General Public License v3.0

JavaScript 86.59% HTML 13.41%

lootx's Introduction

Use Icon

LootX

INFO

This is a fork from the original lootpeep project.

The intention is to add integration for StreamElements and Streamlabs.

If you have any questions feel free to contact me on Discord (Loopios7#7420).

Everything from here on is written by HopFlash

General Informations

This is a Chrome Extension to enhance the experience with the Overlay functionality of Loots.com. The main purpose was to get the alert peep before the loot appears on screen to react properly as a streamer. It starts as an research project to get to know Chrome Extensions. While reading the Chrome Extension API I stumble over the easy TTS-feature and added it so that the viewer loot message can be read out loud.

Features

  • Peep-sound when loot appears in overlay
  • TTS (Text-to-Speech) the loot message in different languages (configurable)
  • optional readout of username who send the loots message in some languages (german, english, spanish, french, italian, dutch, polish, portuguese and russian)
  • volume control on peep and tts

Installation (sorry, no Chrome Store entry yet)

  • Download Zip from GitHub
  • Unzip it into a clean directory
  • Open Chrome Browser
  • Open extensions (e.g. "URL": chrome://extensions )
  • Activate "Developer mode" (upper right corner) and be aware of it because it can be a security hole for other extensions
  • Click "Load unpacked extensions..."
  • Go to the directory where you unpacked the zip and into the subfolder "extension" and press "ok"

Now it should be active in your chrome instance and you can deactive "Developer mode" again.

Update

Do like "Installation" (but delete the content of the unzipped directory) but then you can click the refresh button on the Extensions-Page by "Loots Peep" tile.

Use

  • Open your personal Loots page with tab "Live" and choose "Overlays".
  • Scroll down and click on the icon called "GENERIC" or the dropdown box "Select your software to get the overlay URL โ€ฆ" and choose "Other/Generic" overlay option.

Use image 1

  • Click the appearing link and let this open in your Chrome Browser โ€“ the screen will appear green. DO NOT CLOSE THIS WINDOWS

Use image 2

  • In your Chrome Browser bar there appears a Loots Peep button where you can configure some options. (only when you are on a Loots page)

Use image 3

Tip: You should go on the Loots "tips" page and slide the Tipjar sound volume slider (under "Status" headline) full to the left to mute this sound if you want to have "condensed view" oder "live view" open (to see the user messages).

Addition Voices

(!!! not tested yet !!!) (please be aware of that I don't know if the following infos really helps you to get new voices in this extensions!)

Future features

  • language recognition of the loot message to choose an fitting speaker (using chrome.i18n detectLanguage)
  • nice "Loot peep"-Icon
  • code documentation
  • error handling
  • adding special voices or voice services like Amazon Polly or Googles Cloud Speech-to-Text

Loots ToS

I checked with Loots-Support that they are aware of this extension and it's fine to use (as long as there is no commercial use of this extension). So it doesn't break their Terms of Services.

lootx's People

Contributors

danlivingston avatar hopflash 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.