https://github.com/maxerbox/audio-spectrum-javascript-api-example-work-with-youtube
An audio spectrum on your stream from youtube with PhantomBot !
https://github.com/maxerbox/audio-spectrum-javascript-api-example-work-with-youtube
Last synced: 6 months ago
JSON representation
An audio spectrum on your stream from youtube with PhantomBot !
- Host: GitHub
- URL: https://github.com/maxerbox/audio-spectrum-javascript-api-example-work-with-youtube
- Owner: maxerbox
- Created: 2016-10-14T16:39:11.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2018-01-31T18:34:51.000Z (over 8 years ago)
- Last Synced: 2025-03-17T07:54:12.756Z (over 1 year ago)
- Language: HTML
- Homepage:
- Size: 783 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# AudioSpectrum-Youtube-Ytplayer-phantombot
Official forum web page:
https://community.phantombot.tv/topic/834/ytplayer-audio-spectrum-visualizer-youtube-audio-spectrum-on-your-stream/
An audio spectrum on your stream !
This script allow you to display the audio spectrum from the current music played by phantombot !
Screen :
# Youtube Audio spectrum from phantombot ytplayer !
Phantombot tested version : 2.2
An audio spectrum on your stream !
This script allow you to display the audio spectrum from the current music played by phantombot !
## Getting Started
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.
The script support commands like :
```
!ytp volume 100
!ytp pause
etc...
```
### Prerequisities
What things you need to install the script
-OBS
-[CLR Browser Source Plugin](https://obsproject.com/forum/resources/clr-browser-source-plugin.22/)
### Installing
- Download as ZIP this git repository.
- Go to your phantombot's web folder
- Replace your ytplayer by the one in your zip.
## Running the script:
- Be sure that ytplayer.js is enabled in phantombot.
- Launch OBS.
- On a scene, add a new CRL Browser
- **Url to type in the CRL Browser settings :**
```
http://{panel_user}:{panel_password}@{ipaddress}:{port}/ytplayer
Example: http://panel:panel@localhost:25005/ytplayer
```
## How it works ?
- video audio is downloaded from my server
- The javascript audio api decode the audio
- Then display an audio spectrum
## Based on
* [HTML5_Audio_Visualizer](https://github.com/wayou/HTML5_Audio_Visualizer) - A basic Javascript AudioAPi example