Live previews when hovering over streams on Twitch & YouTube | A bunch of quality of life improvements for TTV & YT

Latest Version

Version
11.6
Update
December 8, 2024
Size
503KiB
Developer
previews-app.com
Category
Users
60,000+
Rating
4.81832 ★
Manifest Version
3
Web Store Status
Languages Support
Deutsch
English
Français
Español
Português (Brasil)
日本語
한국어
See more
Permissions
Storage
Scripting
See more

Previews (For TTV & YT) Extension

Previews (For TTV & YT) creates a live video or image preview when hovering over streams on Twitch & YouTube And offers a bunch of quality of life improvement features for both platforms.

Check the features list below for more quality of life improvement features.

* Refresh opened TTV & YT tabs after adding the extension.

Features:

* Twitch:
- Image or live video stream previews in the sidebar & directories.
- Preview resize & volume control.
- Clips Previews.
- Streaming: See your own live stream thumbnail as seen by viewers.
- Sidebar Favorite Channels List.
- Sidebar YouTube Channels List.
- Multi Stream & Multi Chat.
- Transparent / Dynamic Chat Overlay.
- Full Screen With Chat Mode.
- Auto Channel Points Clicker.
- Clip Downloader.
- Auto Refresh on player errors (#1000, #2000, #3000, #4000).
- Predictions Notifications when you don't know it's happening (for example if your chat is closed or you are not in the tab or browser).
- Predictions Sniper (will participate in predictions for you).
- Prevent Automatic Video Quality Change.
- Seek Streams Using Keyboard Arrow Keys.
- Fast-Forward Stream.
- Screenshot Stream.
- Record Stream.
- FlashBang Defender.
- Clear Chat Button.
- Incognito Chat.
- Native Picture In Picture in current stream (Browser's PIP feature).
- Custom Picture In Picture via the button under the view count in the sidebar.
- Auto Extend the sidebar to show all live streamers (when sidebar is open).
- Sidebar Stream Search: A purple search button at the top of the sidebar to find live streamers easily in the sidebar.
- Hide All Sidebar Sections Except The Followed Channels.
- Full Sidebar Channel Tooltips.
- Mute Auto-Playing Videos In Various Pages.
- Advanced Video Embeds.
- Hide TTV Extensions Overlays.
- Keyboard shortcuts for applicable features.
- Also supports inverted layout (when chat is on the left and streamers on the right).

* YouTube:
- Image or live video stream previews in the sidebar.
- Preview resize & volume control.
- Theater / Full Screen With Chat Mode.
- Multi Stream & Multi Chat.
- Transparent / Dynamic Chat Overlay.
- Screenshot Stream.
- Record Stream.
- FlashBang Defender.
- Player Playback Speed Controls.
- Go Directly To Live Streams From The Sidebar.
- Show Live Streamers' View-Count In The Sidebar.
- Native Picture In Picture in current stream (Browser's PIP feature).
- Custom Picture In Picture via the button on the channel card in the sidebar.
- Prevent Video Click-To-Pause / Play.
- Copy URL At Current Time Button.
- Auto Theater Mode.
- Auto Hide Chat.
- Keyboard shortcuts for applicable features.
- Also supports Right-To-Left (RTL) layout.

* To change any feature setting click the extension at the top bar to open the extension's options menu.


How to use:
1. Add the extension to your browser.
- If you already have a TTV or YT tab opened - refresh it.

2. Hover your mouse over a streamer on the sidebar / directories.
- A preview will appear next to the hovered stream.



Feature Notes:

** Stream Previews
- Live image and video previews when hovering over streams in the sidebar and directories.


** Streaming - see your own live stream thumbnail
- Shows your own stream's live thumbnail preview, as seen by viewers, when hovering over the logo at the top left.


** Multi Stream & Multi Chat
- You can add Multi-Stream and Multi-Chat on the fly to any page you're on directly from the sidebar or via the top search bar (if the Multi-Stream feature is enabled).
- There is also a button that is located next to the stream uptime under the stream.
- Clicking it will start Multi Stream on a new twitch.tv tab - so you can still enjoy the benefits of the sidebar and the search function at the top bar.
- In the new Multi-Stream tab, add a stream from the sidebar or search for a stream at the top search bar and click the Multi-Stream button in the results to add the stream.
- You can scroll the page, change background color & transparency, font color, weight, increase/decrease size, fullscreen, drag, resize and minimize the boxes (top bar and bottom right corner of the boxes).
- If the Auto Channel Points feature is enabled, it will collect points in the chat box.
- If you enable the 'Sidebar YouTube Channels' features, you can also add their streams to the Multi-Stream and use it cross-platform.


** Full Screen With Chat
- The button will show next to the 'theater mode' or 'fullscreen' button in the player controls.
- Hovering over it will show two options: Full Screen with Custom chat overlay or Default Chat.
- The Custom chat will automatically position itself over the video to the right and stretch to screen height.
- You can resize, move it around, align to each side and change styles with the controls at the top of the chat box.
- The Custom chat's settings (position, size, colors, etc..) will be saved for the current page session.
- Exit the mode by clicking the button again or just by exiting fullscreen.


** Sidebar Favorite Channels
- A new Favorites list at the top of the sidebar (for your most favorite streamers).
- Add streams to your favorites list by clicking the Favorites button next to the bell under the stream.
- The list will show only the currently live streams in your favorites list.
- Note: the feature relies on the followed channels list, so it will auto-expand (show more) when the sidebar is opened. if it's closed, the list will still populate but will be partial.
- Note: it might take a few seconds for the list to show or update.


** Sidebar YouTube Channels
- A new list at the top of the Twitch sidebar to show your subscribed YT channels that are currently live.
- The list data will update every 15 minutes.
- Supported by the Custom Picture-In-Picture and Multi-Stream & Multi-Chat features so you can use the Multi-Stream cross-platform.
- You need to be logged in to YT on your browser (just go to youtube.com and login if you aren't already).


** Auto Channel Points Clicker
- This feature automatically clicks the green channel points redeem button.
- It also works when chat is closed and when the tab or window is in the background.


** Clip Downloader
- The button will show in the player controls of clips.


** Sidebar Stream Search
- A purple search button on the top of the sidebar to find live streamers easily.
- Searches within the currently shown streamers so the sidebar will automatically extend to show all live streamers when you start searching.


** Sidebar Extend
- Auto extends the sidebar to show all live streamers (when sidebar is open).


** Hide All Sidebar Sections Except The Followed Channels
- Hides all the other sections in the sidebar except the followed channels.


** Mute Auto-Playing Videos In Various Pages
- Mutes the auto-playing video players in various pages.


** Native Picture In Picture
- The button will show next to the 'theater mode' button in the player controls.
- Clicking it will start the browser's Picture In Picture for the current stream.


** Custom Picture In Picture
- A small button will appear under the view count when you hover a streamer - click it and a persistent preview window will appear (you can add as many as you like).


** Auto Refresh On Player Error (#1000, #2000, #3000, #4000)
- Refreshes the player if an error occurs.


** Prevent Automatic Video Quality Change When In Background
- Prevents automatic video quality change when the player is in the background (when switching tabs / tasks).
- Prevents 99% of player errors (#1000, #2000).


** Seek Streams Using Keyboard Arrow Keys
- Seeks 5 seconds back or forward using the keyboard left/right arrow keys.
- Note: the buffer size varies between 0 seconds to two minutes.


** Fast-Forward Stream
- Useful if your stream is delayed.
- The button will show in the player controls next to the 'play/pause' button.
- Click it to fast-forward the stream to the latest point in the buffer.


** Screenshot Stream
- The button will show in the player controls.
- You can capture multiple screenshots and then save only the ones you like.
- The screenshots are captured at the same resolution as the stream.


** Record Stream
- Click to start recording, click again to stop recording and save.
- Works great with the \"Seek Using Keyboard Arrows\" feature.


** FlashBang Defender
- For when it's late night and the streamer opens a white screen.
- Toggles a semi-transparent overlay on top of the stream.
- The button will show in the player controls.


** Clear Chat Button
- The button will show under the chat.
- Clears all the messages in chat.


** Predictions Notifications
- Predictions started and Predictions results notifications when you don't know it's happening (for example if your chat is closed or you are not in the tab or browser).


** Predictions Sniper
- The predictions sniper will participate in predictions for you.
- The sniper will choose the prediction option with the most amount of votes received at the time of entry (x seconds before prediction closes).
- If you have your chat open (no need), you will see the prediction menu for a split second when the sniper is entering a prediction.
- You can enable the 'Predictions notifications' feature if you want to know what's happening in real-time.
- If there is already a bet made on the prediction, the sniper will not add more points.
- To change Sniper settings for individual streams, click the Sniper settings button under the chat.
-- Default Settings:
- Bet % - the percentage of channel points you want the sniper to bet.
- Max num of points - the maximum amount of points the sniper is allowed to vote with.
- Min vote margin % - a percentage representation of the minimum required vote margin between the two prediction options for the sniper to participate.
-- For example: option A- 100 votes, option B- 115 votes, vote spread: A-46.51% B-53.49%, vote margin: 6.98% (53.49% - 46.51%). if the minimum vote margin is lower than 6.98%, the sniper will participate in the prediction.
- Seconds - the amount of seconds the sniper will make a prediction before the prediction closes (min 2s).
- Remember that this is a statistical tool and wins are not guaranteed.


** Advanced Video Embeds
- This applies to the Multi-Stream feature and on-the-fly video embeds (not previews).
- Bypasses purple screen.
- Adds enabled features to embeds (seek, fast-forward, auto-refresh, picture-in-picture, fullscreen with custom chat, flashbang defender, stream screenshot).
- Seeking using the keyboard arrow keys in these embeds will be in 1.5 seconds intervals instead of the normal 5 seconds to allow easier streams synchronization for Multi-Stream.
- Note: this feature will use more resources when using said embeds. if you notice performance issues you can turn this feature off.
- Note: if you're using a different extension that replaces the main player, you might still experience a purple screen.


** Go Directly To Live Streams From The Sidebar
- Goes to a channel's live stream directly from the sidebar instead of the channel's home directory.
- Only on live channels.


** Show Live Streamers' View-Count In The Sidebar
- Shows live streamers' view-count on their card in the sidebar.


** Player Playback Speed Controls
- Increase, Decrease and Reset the video playback speed.


** Prevent Video Click-To-Pause / Play
- Prevents the video from pausing / playing when clicking on it.


** Copy URL At Current Time Button
- Opens a small box with the URL to the video at the current time.
- Useful in live streams where this is not possible by default.



© MarkM.

this extension is not affiliated with twitch.tv or youtube.com.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "__MSG_appName__", "description": "__MSG_appDesc__", "author": "Mark M ", "homepage_url": "https://previews-app.com/", "default_locale": "en", "version": "11.6", "permissions": ["storage", "scripting"], "host_permissions": ["*://*.twitch.tv/*", "*://*.youtube.com/*", "*://previews-app.com/*"], "optional_host_permissions": ["*://*.facebook.com/*"], "background": { "service_worker": "main/background.js" }, "content_scripts": [ { "matches": ["https://www.twitch.tv/*"], "css": ["main/css.css","main/tp_sub_toast.css", "main/settings.css", "main/APS_settings.css"], "js": ["main/core.js"], "run_at": "document_start", "all_frames": true }, { "matches": ["https://www.youtube.com/*"], "exclude_matches": ["https://www.youtube.com/embed*","https://www.youtube.com/live_chat*"], "css": ["main/css.css","main/tp_sub_toast.css", "main/settings.css"], "js": ["main/core_yt.js"], "run_at": "document_start", "all_frames": true }, { "matches": ["https://www.youtube.com/live_chat*"], "css": ["main/css_yt_chat.css"], "js": ["main/core_yt_chat.js"], "run_at": "document_start", "all_frames": true }, { "matches": ["https://player.twitch.tv/?channel=*"], "js": ["main/core_ttv_player.js"], "css": ["main/core_ttv_player.css"], "run_at": "document_end", "all_frames": true }, { "matches": ["https://www.youtube.com/embed*"], "exclude_matches": ["https://www.youtube.com/embed*controls=0*"], "js": ["main/core_yt_player.js"], "css": ["main/css.css"], "run_at": "document_start", "all_frames": true }, { "matches": ["https://clips.twitch.tv/*"], "css": ["main/cd.css","main/css.css"], "js": ["main/cd.js"], "run_at": "document_start", "all_frames": true }, { "matches": ["https://previews-app.com/login*"], "js": ["main/sub_login.js"], "run_at": "document_start", "all_frames": true } ], "icons": { "16": "images/TP16.png", "24": "images/TP24.png", "32": "images/TP32.png", "48": "images/TP48.png", "64": "images/TP64.png", "128": "images/TP128.png" }, "action": { "default_icon": "images/TP48.png", "default_title": "Previews (For TTV & YT)", "default_popup": "popups/popup.html" }, "web_accessible_resources": [ { "resources": ["images/*", "main/*"], "matches": [""] } ]}
Read more

How to download and manually install Previews (For TTV & YT) extension for Chrome

Looking for a way to install Previews (For TTV & YT) extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Previews (For TTV & YT) extensions manually, this article outlines two simple methods to effortlessly install Previews (For TTV & YT) extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Previews (For TTV & YT) extension and manually install through Drag &Drop

If you ever need to manually install a Previews (For TTV & YT) extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Previews (For TTV & YT) Extension by clicking the "Download CRX" button on the website.

Look for the Previews (For TTV & YT) extension you wish to install. Go to the website and download the Previews (For TTV & YT) extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Previews (For TTV & YT) extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Previews (For TTV & YT) extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Previews (For TTV & YT) extension for Chrome and install in Developer Mode

This is another method to install Previews (For TTV & YT) extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Previews (For TTV & YT) extension file

Select and download the Previews (For TTV & YT) extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Previews (For TTV & YT) extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Previews (For TTV & YT) extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Previews (For TTV & YT) extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Previews (For TTV & YT) extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

TTV Tools Extension · Productivity 60,000+ 11 ★ 1.4MiB

icon

Stream Cleaner Extension · Productivity 60,000+ 3297 ★ 90.85KiB

icon

Twitch Chat Nexus Extension · Social & Communication 60,000+ 10 ★ 2.35MiB

icon

Twitch Fullscreen Plus Extension · Fun 60,000+ 263 ★ 88.82KiB

icon

Chzzk Plus Extension · Productivity 60,000+ 80 ★ 82.04KiB

icon

Cheese Knife - CHZZK Toolkit Extension · Fun 60,000+ 117 ★ 60.5KiB

icon

Badge Collector Extension · Productivity 60,000+ 175 ★ 1.98MiB

icon

SOOP Plus Extension · Productivity 60,000+ 70 ★ 180KiB

icon

Alternate Player for Twitch.tv Extension · Fun 60,000+ 1513 ★ 170KiB

icon

TTV LOL Extension · Social & Communication 60,000+ 503 ★ 106KiB

icon

Anu Twitch Chat Overlay Extension · Fun 60,000+ 94 ★ 299KiB

icon

K-Twitch-Bypass Extension · Social & Communication 60,000+ 163 ★ 69.04KiB

icon

Waksoop Extension · Productivity 60,000+ 32 ★ 53.97KiB

icon

Purple Ads Blocker Extension · Productivity 60,000+ 263 ★ 20.97KiB

icon

TwiBlocker - Video AdBlocker Extension · Productivity 60,000+ 1253 ★ 55.07KiB

icon

Chzzk-PIP Extension · Fun 60,000+ 76 ★ 9.85MiB

icon

Twitch-in-Twitch Extension · Fun 60,000+ 16 ★ 2.01MiB

icon

Twitch Server Checker Extension · Accessibility 60,000+ 17 ★ 67.97KiB

icon

TTV AdEraser Extension · Social & Communication 60,000+ 87 ★ 75.26KiB

icon

Chatterino Native Host Extension · Social & Communication 60,000+ 64 ★ 28.37KiB

icon

Gumbo: Twitch Companion Extension · Productivity 60,000+ 204 ★ 589KiB

icon

Twitch Enhancer Extension · Productivity 60,000+ 43 ★ 517KiB

icon

alzartak (알잘딱) Extension · Productivity 60,000+ 39 ★ 26.52MiB

icon

Twitch NoPixel Only Extension · Fun 60,000+ 39 ★ 93.14KiB

User reviews

icon

Iarla (ID: 00000048bb9ce86b) Voted 4 ★ - Updated 11/22/2024 it's really useful... I'm glad someone thought about this :

icon

정용우 (ID: 00000020788a5f17) Voted 3 ★ - Updated 04/11/2024

icon

백종은 (Jongeun BAEK) (ID: 0000004b0cf01170) Voted 5 ★ - Updated 11/26/2023 트위치에서 입중계 볼 때 싱크 맞추기에 유용해요. 추천

icon

Mawim_ F (ID: 00000043bad38ac5) Voted 5 ★ - Updated 11/25/2023 Good extension

icon

청란 (은하 M. Rang) (ID: 000000dcd0e30440) Voted 5 ★ - Updated 11/23/2023 최고에요!! 유튜브와 트위치 생활이 엄청나게 편해졌어요!