Previews (For TTV & YT)

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

什麼是Previews (For TTV & YT)?

Previews (For TTV & YT)是由https://previews-app.com開發的Chrome擴展程式,該擴展的主要功能是“Live previews when hovering over streams on Twitch & YouTube | A bunch of quality of life improvements for TTV & YT”。

擴展截圖

screenshot
screenshot
screenshot
screenshot
screenshot
screenshot

下載Previews (For TTV & YT)擴展crx文件

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

擴展使用說明

                        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.
- Auto Claim Drops & Moments 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.


** Auto Hide Chat
- Automatically hides the chat when opening or transitioning between live streams.



© MarkM.

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

擴展基本資訊

名稱 Previews (For TTV & YT) Previews (For TTV & YT)
ID hpmbiinljekjjcjgijnlbmgcmoonclah
官方網址 https://chromewebstore.google.com/detail/previews-for-ttv-yt/hpmbiinljekjjcjgijnlbmgcmoonclah
簡介 Live previews when hovering over streams on Twitch & YouTube | A bunch of quality of life improvements for TTV & YT
檔案大小 458 KB
安裝次數 64,798
目前版本 9.9
更新時間 2024-02-27
上架時間 2020-06-10
評分 4.85/5 共 1225 次評分
開發者 https://previews-app.com
電子郵箱 [email protected]
付費類型 free
擴展官網 https://previews-app.com/
說明頁面URL https://github.com/Previews-app/Previews/issues
隱私政策頁面URL https://previews-app.com/privacy
支援的語言 de,en,fr,es,pt-BR,ru,ja,ko
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": "9.9",
    "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:\/\/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": [
                ""
            ]
        }
    ]
}