Extension for playing guitar along to YouTube videos

Latest Version

Version
1.3
Update
July 16, 2023
Size
20.28KiB
Developer
Category
Users
445
Rating
3.16667 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
DeclarativeContent
Storage
Tabs
WebNavigation
Https://www.ultimate-guitar.com/
See more

Play Along Extension

Play Along is a small, compact extension that is activated when you listen to music on YouTube. Once the YouTube video is loaded, Play Along will search Ultimate Guitar for the corresponding chords and tabs. If no match is found, clicking on the \"Chords\" and \"Tabs\" buttons will open up the search page in Ultimate Guitar.

In addition to Ultimate Guitar, users also have the option of navigating to the Chordify page.

How to use:

1. Open Youtube.com
2. Search for a song and start playing the video
3. While on the Youtube page, click on the \"Play Along\" Chrome extension icon. You should now see options to lookup tabs and chords
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx",\t"name": "Play Along",\t"short_name": "Play Along",\t"version": "1.3",\t"manifest_version": 2,\t"description": "Extension for playing guitar along to YouTube videos",\t"permissions": [\t\t"activeTab", \t\t"declarativeContent",\t\t"storage",\t\t"tabs",\t\t"webNavigation",\t\t"https://www.ultimate-guitar.com/"\t],\t"background":{\t\t"scripts": ["js/background.js"],\t\t"persistent": false\t},\t"content_scripts": [\t\t{\t\t\t"matches": ["https://www.youtube.com/*"],\t\t\t"all_frames": true,\t\t\t"runs_at": "document_idle",\t\t\t"js": ["js/process-video.js"],\t\t\t"css": ["css/styles.css"]\t\t}\t],\t"content_security_policy": "script-src 'self' https://ssl.google-analytics.com; object-src 'self'",\t"page_action": {\t\t"default_popup":"popup.html",\t\t"default_title":"Play along",\t\t"default_icon": {\t\t\t"16": "images/icon-16.png",\t\t\t"32": "images/icon-32.png",\t\t\t"48": "images/icon-48.png",\t\t\t"128": "images/icon-128.png"\t\t}\t},\t"icons":{\t\t"16": "images/icon-16.png",\t\t"32": "images/icon-32.png",\t\t"48": "images/icon-48.png",\t\t"128": "images/icon-128.png"\t}}
Read more