jasondibabbo / se-nowplayingwidget Goto Github PK
View Code? Open in Web Editor NEWA custom implementation of a "Now Playing" widget for use on the StreamElements live streaming platform.
License: MIT License
A custom implementation of a "Now Playing" widget for use on the StreamElements live streaming platform.
License: MIT License
The widget should be able to dismiss itself when music is not playing. Configurable as a user setting.
Bonus points: Add a text command to toggle visibility of the widget, in lieu of auto-dismissal
README currently references Rollup.JS but we've switched to Webpack.
<style>
tag is missing in index.html
Users should be able to opt for a custom image in place of any other album art being show next to tracks playing
Note: This will probably become a little bit of a larger feature change. The widget currently just removes or renders the album art. With this change we'll probably need a more intelligent art component that will choose what you want to show.
Utilize the existing art stack class to make an oversized art background for the widget that can hide behind a blurred glass. Make it possible to switch between a solid color and the blurred artwork.
The user can specify whether they want to display the artist, album, and track title. Currently we just mark them with a .hidden
class but we should probably remove them from the DOM. This also means that we need to update the logic in the widget class to make sure that we don't try to query for these DOM elements if they aren't being used.
Implement shadows for the widget body that can be configured through field data.
Don't worry about the artwork shadows. That will likely come as a part of #14. And if not, it'll come after.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.