AudioVisualizer

Audio Visualizer, works on any website. Press icon or 'Ctrl+Q' to start/stop. ♪ ┐(・。・┐)

什麼是AudioVisualizer?

AudioVisualizer是由afreak開發的Chrome擴展程式,該擴展的主要功能是“Audio Visualizer, works on any website. Press icon or 'Ctrl+Q' to start/stop. ♪ ┐(・。・┐)”。

擴展截圖

screenshot
screenshot
screenshot
screenshot
screenshot

下載AudioVisualizer擴展crx文件

下載AudioVisualizer擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。

擴展使用說明

                        Uploading of scenes to https://audiovisualizer.net/ now works again!
Contributing to the extension at https://github.com/afreakk/ChromeAudioVisualizerExtension is very welcome!

* Works on any website.
* Choose among several scenes.
* Share custom scenes.
* It's Open Source
* MilkDrop added! check it out! with 100 different presets!
(more support for milkdrop will come in the future!)

* Adjust General settings to get different effects(on almost all scenes).   
  (DrawMode, TransparentBackground etc.)

* Play around with scene settings to fundamentally change any scene.
  (scenes look pretty boring with default settings)

* Save and/or share custom scene settings as stand-alone scenes.

Note: This extension contains flickering effects.   

Hotkeys: 
* Ctrl+Q - Toggle visualizer on/off. (sometimes have to click 2 times to start)
* Alt+Q - Open options. 

Tips:
* Under scene settings, hover mouse over the value you want to change, then drag mouse up/down while holding down left mouse button to increase/decrease value.


* Set LatencyHint to interactive, it will make the spectrum analyzis more precise, but might trigger a bug where you get choppy sound.
In that case, set it back to 'playback'.


Contribute:
* Suggestions, pull requests, new scenes or other ideas are very welcome.
  https://github.com/afreakk/ChromeAudioVisualizerExtension

Patch notes:   
6.0.12
- Reduce amount of permissions needed.
6.0.11
- Fix bug which affected playing on youtube, things should be more stable now.
6.0.10
- Less crazy default settings for Spectrum Analyziz
6.0.9   
- Disabled a couple of butter-scenes that were laggy.   
6.0.8    
- Chrome update broke utilized functionality, cannot set runtime.Port.name directly anymore,  resulted in extension throwing exception and not being able to pass audiodata to scenes. now fixed by passing name in object to chrome.tabs.connect.
6.0.6-7
- Added option `opacity` to SpectrumAnalizyz
- Made ProceduralTerrain lower poly by default (you can still choose whatever poly resolution you want in scene-settings)
- Added option `FadeControls` (fades controls out when mouse is not over controls when enabled)

6.0
- MilkDrop support added (from butterchurn ttps://github.com/jberg/butterchurn) !!
- More support for this will be added, like possibility to create and use custom MilkDrop plugin

5.2
- Make custom ProceduralTerrain scenes work, they were bugged.
- Make transparent background work in proceduralTerrain 
- added scene: DacingCubes3DSinus
- added scene: DacingCubes3D
- added site for sharing scenes
- added scene: DancingCubes
- added option: 'LatencyHint', default value is set to: 'playback'.
Earlier we always used 'interactive', but that caused choppy sound on some browser versions.  
'playback' option is less precise than 'interactive', so if you dont have any choppy-issues with 'interactive', you should run 'interactive' :).
- made seventies scene more reactive to music

5.1
- added procedural-terrain scene !
5   
- added import and export custom scene, now you can share your scene with others!
4.500.1.5   
- webgl scenes added back.. seems chome has fixed it?   
4.500.1.4
- webgl scenes removed, chrome+contentscript+webgl,- somethings not working right.

4.500.1.3
- Startupscene now working + optimization.

4.500.1
- DrawMode should now work without transparentmode. (transparentmode will always be active in the background while drawmode is enabled(so the scene doesnt redraw its background))

4.500
- Performance improvement, found a bug in code that resized the canvas each frame. Drawmode is back and working (except for in opengl scenes: spinningcube, sinusmode and madness)
Canvas is no longer following scrolling. 

4.420.9
- Madness Scene added :O

4.420.8
- stability and performance update and removed drawmode(was not working with newer chrome).

4.420.7.2
- Canvas width will no longer make a vertical scrollbar, and canvas will now be locked to scroll height. (can make it an option, if anyone actually liked being able to scroll away from the canvas)

4.420.7
- New icon! :)

4.420.5-6
- New feature: DrawMode (located under settings) for cool effects (does not work on hexagon, spinningcube or sinuscolormix)
- Save Scene Bugfix

4.420.1-4
- bugfixes (context offset ++) new forked-scene (PainScene from WormScene)
- Added full-screen setting.

4.420
- two new scenes(DotsAndLines and ParticleCircle), better options and options experience and general code improvements(hopefully).

4.20
- Major bugfix regarding spectrum data, so everything is much better now.
  revamped some scenes, added webgl support and addeed 2 new webgl scenes.

3.52042
- fftSize added to options

3.420
- fleshed out options

2.43
- stability etc

2.41
- improved gui/options and errorhandling

2.37
- categorized gui + new scene "Swipe"

2.36
- Custom example included, changed some scenes(some earlier saves may break)

2.35:
- Now you can save and load custom scenes, and view/delete them in extension options.                    

擴展基本資訊

名稱 AudioVisualizer AudioVisualizer
ID bojhikphaecldnbdekplmadjkflgbkfh
官方網址 https://chromewebstore.google.com/detail/audiovisualizer/bojhikphaecldnbdekplmadjkflgbkfh
簡介 Audio Visualizer, works on any website. Press icon or 'Ctrl+Q' to start/stop. ♪ ┐(・。・┐)
檔案大小 349 KB
安裝次數 25,883
目前版本 6.0.12
更新時間 2022-03-17
上架時間 2020-04-08
評分 4.43/5 共 119 次評分
開發者 afreak
電子郵箱 [email protected]
付費類型 free
擴展官網 https://audiovisualizer.net/
支援的語言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "AudioVisualizer",
    "description": "Audio Visualizer, works on any website. Press icon or 'Ctrl+Q' to start\/stop.    \u266a \u2510(\u30fb\u3002\u30fb\u2510) ",
    "version": "6.0.12",
    "permissions": [
        "activeTab",
        "storage",
        "tabCapture"
    ],
    "icons": {
        "16": "gfx\/icon16.png",
        "48": "gfx\/icon48.png",
        "128": "gfx\/icon128.png"
    },
    "options_page": "options\/index.html",
    "browser_action": {
        "default_icon": {
            "16": "gfx\/icon16.png",
            "48": "gfx\/icon48.png",
            "128": "gfx\/icon128.png"
        },
        "default_title": "AudioVisualizer"
    },
    "commands": {
        "open-options": {
            "suggested_key": {
                "default": "Alt+Q"
            },
            "description": "Opens Options"
        },
        "_execute_browser_action": {
            "suggested_key": {
                "default": "Ctrl+Q"
            },
            "description": "Begins the show"
        }
    },
    "background": {
        "scripts": [
            "js\/storageLayer.js",
            "settings\/setting.js",
            "backgroundScripts\/openOptions.js",
            "backgroundScripts\/butterAudioProcessor.js",
            "backgroundScripts\/onInstall.js",
            "backgroundScripts\/extensionFrontEnd.js",
            "backgroundScripts\/main.js",
            "scriptsToInject.js"
        ],
        "persistent": false
    }
}