Code Monkey home page Code Monkey logo

the-ffz-addon-pack's Introduction

Old Readme

The FFZ Add-On Pack

The FrankerFaceZ Add-On Pack, or FFZ Add-On Pack / FFZ:AP for short, is an extension for the already existing popular Twitch extension FrankerFaceZ.

Formerly known as BetterTTV Emotes for FrankerFaceZ (BTTV4FFZ), FFZ:AP aims to be exactly that, but better.

FFZ:AP is written to be modular, so adding new add-ons is relatively easy.
As of 2.2 it uses ES6 to allow for extendable classes.
So now there is one base addon which has to be extended.
Have a look at the BetterTTV add-on file to see a working implementation.

Version 2.0.0 brought in the main add-on you love: BTTV.

As of version 2.0.7 it also includes a GameWisp add-on, with which you can use:

  • GameWisp global emotes
  • GameWisp sub emotes (on all channels, just like Twitch sub emotes)
  • GameWisp sub badges (visible on the channel you are subbed on)

Another future update will bring in a MaiWaifu add-on, which includes a new design that is made from the ground up.

Download / Website

If you haven't come here for the code, you probably want to download the extension!

Just follow this link and it should give you the suggested download :)

It currently supports Chrome, Firefox and Userscripts (Tampermonkey, Greasemonkey, ...)

Development

Do you want to help make FFZ:AP better by fixing bugs you found in an add-on?
Do you want to make an entirely new add-on?

You'll need the recommended version of NodeJS installed.
Afterwards, download the repository to a local folder. Once that is done, open a command prompt or terminal in the folder and run:
npm install
After that's been done, there is another command that has to be ran in order for Gulp to function:
npm install gulp -g
Afterwards, just run gulp dev, which will start a local server on port 3000 and listen to changes in the add-ons to build a minified version.
In your browser, open up the console and set localStorage.ffz_ap_debug_mode to true, then (re-)load a Twitch website.

If everything worked properly, the console should print:
FFZ:AP: Development Server is present.

Now you can just edit away. The grunt task is recompiling the script and you just need to refresh the Twitch page once it's done.

Stay up to date!

Do you want to stay up to date with the newest things happening?
Make sure to follow the official FFZ:AP Twitter account or join the official Discord server.

Credits

mieDax: For the kick-ass logo we got!
Wolsk: For the developer / supporter badge!
Jugachi: For reporting a ton of bugs during the lifespan of BTTV4FFZ, being an early FFZ:AP tester and being an early GameWisp sub emote tester!

The FFZ Add-On Pack

The FrankerFaceZ Add-On Pack, or FFZ Add-On Pack / FFZ:AP for short, is an extension for the already existing popular Twitch extension FrankerFaceZ.

This README is currently incomplete due to a whole revamp of the extension in it's core.

Development

The recommended version of NodeJS is required.
npm install in the directory will install all necessary modules.
npm run build will build the specific modules into separate files (demeter.js containing all, demeter-???.js containing only the specific module)
npm start will run a development server locally and will re-build the files if changes are detected.
Additionally, localStorage.ffz_ap_debug_mode = true; needs to be run in the console on a Twitch page for FFZ:AP to try and load the script from the local development server.

Stay up to date!

Do you want to stay up to date with the newest things happening?
Make sure to follow the official FFZ:AP Twitter account or join the official Discord server.

Credits

mieDax: For the kick-ass logo we got!
Wolsk: For the developer / supporter badge!
Jugachi: For reporting a ton of bugs during the lifespan of BTTV4FFZ, being an early FFZ:AP tester and being an early GameWisp sub emote tester!

the-ffz-addon-pack's People

Contributors

lordmau5 avatar thatlurker avatar

Stargazers

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

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

the-ffz-addon-pack's Issues

D: emote doesn't work

What the title says. The BTTV Global D: emote doesn't show up. All others seem to work, including :tf:

Why BTTV emotes are sorted like this?

Imgur

IMO emotes should be sorted by alphabetical, not by emotes origins.
In this case KappaCool should be underneath KappaClaus.
Also I rarely use KappaCool and there is no way to sort or fix this list.

BTTV channel emotes are not visible in the All tab

If the channel has BTTV channel emotes configured, they are visible only on the 'Channel' tab of the emotes menu.
Is it possible to duplicate these emotes on the 'All' tab? Or make it a configurable option?

Socket reconnect never re-establishes connection

Opening this issue so it doesn't get lost in Discord ๐Ÿ˜ƒ

The GameWisp socket reconnect method never calls connect since running disconnect always ensures that the if condition is met and the function returns.

Code in question here.

Firefox Animated Emotes Restart on New Message

I've been using Firefox for years so I wasn't aware that there's a difference in behavior but once I heard about it I checked for myself and sure enough, there's a difference in behavior between Chromium (Edge 93.0.1.961.52 specifically tested) and Firefox (92.0).

I detailed the findings in this Imgur album (which also includes a longer video to examine as you please).
On Chromium animate emotes do not restart to the first frame when a new emote is posted, newly posted emotes start where previous emotes already were.
On Firefox the emotes will restart to their first frame upon receiving a new message.

Here it is demonstrated in a cropped and synchronized pair of messages.
Before:
Frame1
After:
Frame2

As far as I'm aware this behavior is the same on any channel with any emote but in case it matters, the emote found here is "WanWan" by "Salzor_" and the channel is "Cirno_TV".

BTTV Emotes

i have FFZ:AP and I enabled all BTTV emotes in the settings, but today (May 12 2017) all BTTV emotes are not showing in the chat... What Happened?

Firefox - 1920x1080 Animated BTTV Emotes not looping correctly

In FF (Tested 69 and 70) emotes on my second monitor 1920x1080 (main one is 2160x1440) do not loop correctly.
From what I observed every time a new message with an animated emote comes in all current animations are restarted.

Some even weirder behavior is that some emotes (forsenWC) seem to stack on top of each other) - you can actually see the finished animation while a new one slides over it.

AddonList

Decentraleyes - Could this extension be fucking with the loops ?
ffCK Overlays
FrankerFaceZ
Ghostery
HTTPS Everywhere
I don't care about cookies
uBlock Origin

Update to support FFZ 4.0.

I understand FFZ 4.0 is currently in beta and does not have the full functionality of prior FFZ versions. Once emoji support is properly implemented into FFZ 4.0, I hope this addon pack is updated to support it. It's the only way I'm able to keep FFZ as my only Twitch extension instead of relying on BTTV for their emotes.

Publish to Microsoft Edge Add-ons website

Microsoft Edge is the second most used browser on the web, making the browsing experience more flexible, offering many more services for users and optimized for Windows devices.

Microsoft Edge supports Chromium extensions, and you can publish your extensions to Microsoft Edge Add-ons website with minimal code changes. Find out more here.

If you have any more queries about porting Chrome extension to Microsoft Edge or anything else, you can contact the relevant teams whose links are given here.

Let me know if this was helpful. I am happy to help you with more details.

Animated GIF Emotes causes video stuttering

Toggling video popout starts to stutter every second while audio plays normally, I noticed this behavior while the browser was minimized and tab changing. This bug was reported in this thread, already tried changing "d3d11-video-decoder" and "use-angle" flags also disabling "Use hardware acceleration when available" with no success. After I disabled the "The-FFZ-Addon-Pack" video popout stopped stuttering, enabled it back and the stutters returned so after some tests I found the culprit.

GIF Emotes : Static (plays normally without stutter)
Animated (makes video popout stutter every second)

Browser: Opera GX / LVL1 (core: 64.0.3417.150)
OS: Windows 7 64-bit

Add "tink" sound from BTTV to Highlight Sounds

Personally, I much prefer the sound BTTV uses for highlight sounds than any that FFZ:AP currently provides. It can be found here. I tried to find a source for this sound, but a quick scan of the pulls and issues related to it doesn't mention anything.

Thanks,
pointy

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.