diff --git a/public/_locales/en/messages.json b/public/_locales/en/messages.json
index ed033741..372cea92 100644
--- a/public/_locales/en/messages.json
+++ b/public/_locales/en/messages.json
@@ -258,7 +258,7 @@
         "message": "重新显示空降提醒"
     },
     "showSkipNotice": {
-        "message": "在跳过片段后显示提醒弹窗"
+        "message": "跳过片段时显示提醒弹窗"
     },
     "showCategoryGuidelines": {
         "message": "显示类别说明"
@@ -367,6 +367,14 @@
         "message": "要跳到 {0} 吗?",
         "description": "Used for skipping to things (Skip to Highlight)"
     },
+    "autoSkipped": {
+        "message": "{0} 准备跳过",
+        "description": "Example: Ready Sponsor Skipped"
+    },
+    "autoMuted": {
+        "message": "{0} 准备静音",
+        "description": "Example: Ready Sponsor Muted"
+    },
     "skipped": {
         "message": "{0} 已跳过",
         "description": "Example: Sponsor Skipped"
@@ -471,11 +479,20 @@
     "optionSectionExtensionRelated": {
         "message": "插件相关选项"
     },
+    "advanceSkipNotice": {
+        "message": "提前显示“空降提醒弹窗”（仅启用＂自动跳过＂的片段）"
+    },
+    "skipNoticeDurationBefore": {
+        "message": "“空降提醒弹窗”提前显示时间（秒）："
+    },
+    "skipNoticeDurationBeforeDescription": {
+        "message": "提前提醒您跳过片段的弹窗的提前时间。"
+    },
     "skipNoticeDuration": {
-        "message": "“空降提醒弹窗”显示持续时间（秒）："
+        "message": "“空降提醒弹窗”跳过后或跳过提醒显示时间（秒）："
     },
     "skipNoticeDurationDescription": {
-        "message": "提醒您跳过片段的弹窗的显示时长。手动跳过片段的提醒弹窗可能会显示更久。"
+        "message": "您跳过片段或者提醒您跳过片段的弹窗的显示时长。用于您对片段投票或跳过/取消跳过。\n手动跳过片段的提醒弹窗可能会显示更久。"
     },
     "shortCheck": {
         "message": "以下的提交短于您的最小持续时间选项。这代表它们可能已经被提交，只是由于该选项被忽略了。您确定要提交吗？"
diff --git a/public/_locales/zh_CN/messages.json b/public/_locales/zh_CN/messages.json
index ed033741..e16bf1a5 100644
--- a/public/_locales/zh_CN/messages.json
+++ b/public/_locales/zh_CN/messages.json
@@ -258,7 +258,7 @@
         "message": "重新显示空降提醒"
     },
     "showSkipNotice": {
-        "message": "在跳过片段后显示提醒弹窗"
+        "message": "跳过片段时显示提醒弹窗"
     },
     "showCategoryGuidelines": {
         "message": "显示类别说明"
@@ -367,6 +367,14 @@
         "message": "要跳到 {0} 吗?",
         "description": "Used for skipping to things (Skip to Highlight)"
     },
+    "autoSkipped": {
+        "message": "{0} 准备跳过",
+        "description": "Example: Ready Sponsor Skipped"
+    },
+    "autoMuted": {
+        "message": "{0} 准备静音",
+        "description": "Example: Ready Sponsor Muted"
+    },
     "skipped": {
         "message": "{0} 已跳过",
         "description": "Example: Sponsor Skipped"
@@ -471,11 +479,20 @@
     "optionSectionExtensionRelated": {
         "message": "插件相关选项"
     },
+    "advanceSkipNotice": {
+        "message": "提前显示“空降提醒弹窗”（仅启用＂自动跳过＂的片段）"
+    },
+    "skipNoticeDurationBefore": {
+        "message": "“空降提醒弹窗”提前显示时间（秒）："
+    },
+    "skipNoticeDurationBeforeDescription": {
+        "message": "提前提醒您跳过片段的弹窗的提前时间。"
+    },
     "skipNoticeDuration": {
-        "message": "“空降提醒弹窗”显示持续时间（秒）："
+        "message": "“空降提醒弹窗”跳过后或跳过提醒显示时间（秒）："
     },
     "skipNoticeDurationDescription": {
-        "message": "提醒您跳过片段的弹窗的显示时长。手动跳过片段的提醒弹窗可能会显示更久。"
+        "message": "您跳过片段或者提醒您跳过片段的弹窗的显示时长。用于您对片段投票或跳过/取消跳过。\n手动跳过片段的提醒弹窗可能会显示更久。"
     },
     "shortCheck": {
         "message": "以下的提交短于您的最小持续时间选项。这代表它们可能已经被提交，只是由于该选项被忽略了。您确定要提交吗？"
@@ -1175,7 +1192,7 @@
         "description": "This is used on the popup to show how much time left. It will look like \"5s\". The word {seconds} will be replaced, so keep it here. Translations should only change the \"s\""
     },
     "FillerWarning": {
-        "message": "Warning: This is an incredibly aggressive category. You most likely will have to unskip stuff, or disable it sometimes. Be warned that many videos have over 50% or more of the video skipped! However, remember that there are still specific guidelines to follow when submitting.",
+        "message": "警告：这是一个非常激进的分类。 您很可能会需要取消跳过某些内容，或者有时候需要禁用它。 请注意，许多视频的跳过率超过50%甚至更多！ 但是请记住，在提交时仍需遵守特定的指导原则。",
         "description": "Warning that appears when enabling the filler tangent category"
     },
     "cleanPopup": {
diff --git a/public/_locales/zh_TW/messages.json b/public/_locales/zh_TW/messages.json
index 69fcb567..66cd5196 100644
--- a/public/_locales/zh_TW/messages.json
+++ b/public/_locales/zh_TW/messages.json
@@ -258,7 +258,7 @@
         "message": "重新顯示跳過提醒"
     },
     "showSkipNotice": {
-        "message": "在跳過片段後顯示提醒跳出視窗"
+        "message": "跳過片段時顯示提醒跳出視窗"
     },
     "showCategoryGuidelines": {
         "message": "顯示類別說明"
@@ -367,6 +367,14 @@
         "message": "要跳到 {0} 嗎?",
         "description": "Used for skipping to things (Skip to Highlight)"
     },
+    "autoSkipped": {
+        "message": "{0} 準備跳過",
+        "description": "Example: Ready Sponsor Skipped"
+    },
+    "autoMuted": {
+        "message": "{0} 準備靜音",
+        "description": "Example: Ready Sponsor Muted"
+    },
     "skipped": {
         "message": "{0} 已跳過",
         "description": "Example: Sponsor Skipped"
@@ -471,11 +479,20 @@
     "optionSectionExtensionRelated": {
         "message": "插件相關選項"
     },
+    "advanceSkipNotice": {
+        "message": "提前顯示跳過提醒視窗（仅启用＂自动跳过＂的片段）"
+    },
+    "skipNoticeDurationBefore": {
+        "message": "跳過提醒提前跳出視窗時間（秒）："
+    },
+    "skipNoticeDurationBeforeDescription": {
+        "message": "跳過提醒提前跳出視窗的提前時常。"
+    },
     "skipNoticeDuration": {
-        "message": "跳過提醒跳出視窗持續時間（秒）："
+        "message": "跳過后或跳過提醒顯示時間（秒）："
     },
     "skipNoticeDurationDescription": {
-        "message": "跳過提醒跳出視窗的顯示時常。手動跳過的提醒可能會顯示更久。"
+        "message": "您跳過片段或者跳過提醒跳出視窗的顯示時常。用於您對片段進行投票或者跳過/取消跳過。\n手動跳過的提醒可能會顯示更久。"
     },
     "shortCheck": {
         "message": "以下的提交短於您的最小持續時間選項。這代表它們可能已經被提交，只是由於該選項被忽略了。您確定要提交嗎？"
diff --git a/public/options/options.html b/public/options/options.html
index fc7f22f8..9bf3fd26 100644
--- a/public/options/options.html
+++ b/public/options/options.html
@@ -194,10 +194,34 @@ <h3>__MSG_optionSectionSkipNotice__</h3>
 							<span class="optionLabel">__MSG_skipNoticeDuration__</span>
 							<input type="number" step="1" min="1">
 						</label>
-
+					
 						<div class="small-description">__MSG_skipNoticeDurationDescription__</div>
 					</div>
 
+					<div data-type="toggle" data-toggle-type="switch" data-sync="advanceSkipNotice">
+						<div class="switch-container">
+							<label class="switch">
+								<input id="advanceSkipNotice" type="checkbox" checked>
+								<span class="slider round"></span>
+							</label>
+							<label class="switch-label" for="advanceSkipNotice">
+								__MSG_advanceSkipNotice__
+							</label>
+						</div>
+					
+						<div data-type="number-change" data-sync="skipNoticeDurationBefore" data-dependent-on="advanceSkipNotice">
+							<br />
+
+							<label class="number-container">
+								<span class="optionLabel">__MSG_skipNoticeDurationBefore__</span>
+								<input type="number" step="1" min="1">
+							</label>
+							<span > + 1 </span>
+					
+							<div class="small-description">__MSG_skipNoticeDurationBeforeDescription__</div>
+						</div>
+					</div>
+
 					<div data-type="toggle" data-toggle-type="reverse" data-sync="dontShowNotice">
 						<div class="switch-container">
 							<label class="switch">
diff --git a/public/shared.css b/public/shared.css
index de327083..e4d1aab3 100644
--- a/public/shared.css
+++ b/public/shared.css
@@ -15,7 +15,7 @@
 }
 
 .sponsorSkipNoticeParent {
-	min-width: 390px;
+	min-width: 410px;
 	max-width: 50%;
 }
 
diff --git a/src/components/NoticeComponent.tsx b/src/components/NoticeComponent.tsx
index 7dbce02a..97427f05 100644
--- a/src/components/NoticeComponent.tsx
+++ b/src/components/NoticeComponent.tsx
@@ -19,6 +19,8 @@ export interface NoticeProps {
     idSuffix?: string;
 
     fadeIn?: boolean;
+    fadeOut?: boolean;
+
     startFaded?: boolean;
     firstColumn?: React.ReactElement[] | React.ReactElement;
     firstRow?: React.ReactElement;
@@ -39,6 +41,8 @@ export interface NoticeProps {
     style?: React.CSSProperties;
     biggerCloseButton?: boolean;
     children?: React.ReactNode;
+
+    advanceSkipNoticeShow: boolean;
 }
 
 interface MouseDownInfo {
@@ -84,6 +88,7 @@ class NoticeComponent extends React.Component<NoticeProps, NoticeState> {
         this.parentRef = React.createRef();
 
         const maxCountdownTime = () => {
+            if (this.props.advanceSkipNoticeShow) return Number(Config.config.skipNoticeDurationBefore) + 1;
             if (this.props.maxCountdownTime) return this.props.maxCountdownTime();
             else return Config.config.skipNoticeDuration;
         };
@@ -342,7 +347,7 @@ class NoticeComponent extends React.Component<NoticeProps, NoticeState> {
             return;
         }
 
-        if (countdownTime == 3) {
+        if (countdownTime == 3 && !this.props.fadeOut) {
             //start fade out animation
             const notice = document.getElementById("sponsorSkipNotice" + this.idSuffix);
             notice?.style.removeProperty("animation");
diff --git a/src/components/SkipNoticeComponent.tsx b/src/components/SkipNoticeComponent.tsx
index 41bd7630..7cc1b3f7 100644
--- a/src/components/SkipNoticeComponent.tsx
+++ b/src/components/SkipNoticeComponent.tsx
@@ -11,7 +11,7 @@ import {
     SponsorTime,
 } from "../types";
 import Utils from "../utils";
-import { getSkippingText } from "../utils/categoryUtils";
+import { getSkippingText, getAdvanceSkipText } from "../utils/categoryUtils";
 import NoticeComponent from "./NoticeComponent";
 import NoticeTextSelectionComponent from "./NoticeTextSectionComponent";
 const utils = new Utils();
@@ -36,14 +36,21 @@ export interface SkipNoticeProps {
 
     autoSkip: boolean;
     startReskip?: boolean;
+    advanceSkipNotice?: boolean;
     // Contains functions and variables from the content script needed by the skip notice
     contentContainer: ContentContainer;
 
     closeListener: () => void;
     showKeybindHint?: boolean;
     smaller: boolean;
+    fadeIn: boolean;
+    fadeOut: boolean;
+
+    componentDidMount?: () => void;
 
     unskipTime?: number;
+
+    advanceSkipNoticeShow: boolean;
 }
 
 export interface SkipNoticeState {
@@ -79,6 +86,7 @@ class SkipNoticeComponent extends React.Component<SkipNoticeProps, SkipNoticeSta
     autoSkip: boolean;
     // Contains functions and variables from the content script needed by the skip notice
     contentContainer: ContentContainer;
+    advanceSkipNoticeShow: boolean;
 
     amountOfPreviousNotices: number;
     showInSecondSlot: boolean;
@@ -103,10 +111,12 @@ class SkipNoticeComponent extends React.Component<SkipNoticeProps, SkipNoticeSta
         this.segments = props.segments;
         this.autoSkip = props.autoSkip;
         this.contentContainer = props.contentContainer;
+        this.advanceSkipNoticeShow = props.advanceSkipNotice
 
-        const noticeTitle = getSkippingText(this.segments, this.props.autoSkip);
+        const noticeTitle = !this.props.advanceSkipNotice ? 
+            getSkippingText(this.segments, this.props.autoSkip) : getAdvanceSkipText(this.segments, this.props.autoSkip);
 
-        const previousSkipNotices = document.getElementsByClassName("sponsorSkipNoticeParent");
+        const previousSkipNotices = document.querySelectorAll(".sponsorSkipNoticeParent:not(.sponsorSkipUpcomingNotice)");
         this.amountOfPreviousNotices = previousSkipNotices.length;
         // If there is at least one already in the first slot
         this.showInSecondSlot =
@@ -195,7 +205,8 @@ class SkipNoticeComponent extends React.Component<SkipNoticeProps, SkipNoticeSta
                 amountOfPreviousNotices={this.amountOfPreviousNotices}
                 showInSecondSlot={this.showInSecondSlot}
                 idSuffix={this.idSuffix}
-                fadeIn={true}
+                fadeIn={this.props.fadeIn}
+                fadeOut={!this.props.fadeOut}
                 startFaded={
                     Config.config.noticeVisibilityMode >= NoticeVisbilityMode.FadedForAll ||
                     (Config.config.noticeVisibilityMode >= NoticeVisbilityMode.FadedForAutoSkip && this.autoSkip)
@@ -210,12 +221,20 @@ class SkipNoticeComponent extends React.Component<SkipNoticeProps, SkipNoticeSta
                 logoFill={Config.config.barTypes[this.segments[0].category].color}
                 limitWidth={true}
                 firstColumn={firstColumn}
-                bottomRow={[...this.getMessageBoxes(), ...this.getBottomRow()]}
+                bottomRow={[...this.getMessageBoxes(), ...this.getBottomRow() ]}
+                extraClass={this.props.advanceSkipNotice ? "sponsorSkipUpcomingNotice" : ""}
                 onMouseEnter={() => this.onMouseEnter()}
+                advanceSkipNoticeShow={this.advanceSkipNoticeShow}
             ></NoticeComponent>
         );
     }
 
+    componentDidMount(): void {
+        if (this.props.componentDidMount) {
+            this.props.componentDidMount();
+        }
+    }
+
     getBottomRow(): JSX.Element[] {
         return [
             /* Bottom Row */
@@ -415,8 +434,10 @@ class SkipNoticeComponent extends React.Component<SkipNoticeProps, SkipNoticeSta
                     : this.unselectedColor,
             };
 
+            const showSkipButton = (buttonIndex !== 0 || this.props.smaller || this.segments[0].actionType === ActionType.Mute);
+
             return (
-                <span className="sponsorSkipNoticeUnskipSection">
+                <span className="sponsorSkipNoticeUnskipSection" style={{ visibility: !showSkipButton ? "hidden" : null }}>
                     <button
                         id={"sponsorSkipUnskipButton" + this.idSuffix}
                         className="sponsorSkipObject sponsorSkipNoticeButton"
@@ -478,7 +499,7 @@ class SkipNoticeComponent extends React.Component<SkipNoticeProps, SkipNoticeSta
     }
 
     onMouseEnter(): void {
-        if (this.state.smaller) {
+        if (this.state.smaller && !this.props.advanceSkipNotice) {
             this.setState({
                 smaller: false,
             });
@@ -678,13 +699,23 @@ class SkipNoticeComponent extends React.Component<SkipNoticeProps, SkipNoticeSta
     }
 
     unskip(buttonIndex: number, index: number, forceSeek: boolean): void {
-        this.contentContainer().unskipSponsorTime(this.segments[index], this.props.unskipTime, forceSeek);
+        if (this.props.advanceSkipNoticeShow && getVideo().currentTime < this.segments[0].segment[0]) {
+            sessionStorage.setItem('SKIPPING', 'false');
+        } else {
+            this.contentContainer().unskipSponsorTime(this.segments[index], this.props.unskipTime, forceSeek);
+            document.querySelector("#sponsorSkipMessage"+ this.idSuffix).textContent = getSkippingText(this.segments, this.props.autoSkip)
+        }
 
         this.unskippedMode(buttonIndex, index, SkipButtonState.Redo);
     }
 
     reskip(buttonIndex: number, index: number, forceSeek: boolean): void {
-        this.contentContainer().reskipSponsorTime(this.segments[index], forceSeek);
+        if (this.props.advanceSkipNoticeShow && getVideo().currentTime < this.segments[0].segment[0]) {
+            sessionStorage.setItem('SKIPPING', 'true');
+        } else {
+            this.contentContainer().reskipSponsorTime(this.segments[index], forceSeek);
+            document.querySelector("#sponsorSkipMessage"+ this.idSuffix).textContent = getSkippingText(this.segments, this.props.autoSkip)
+        }
 
         const skipButtonStates = this.state.skipButtonStates;
         skipButtonStates[buttonIndex] = SkipButtonState.Undo;
@@ -692,6 +723,7 @@ class SkipNoticeComponent extends React.Component<SkipNoticeProps, SkipNoticeSta
         const skipButtonCallbacks = this.state.skipButtonCallbacks;
         skipButtonCallbacks[buttonIndex] = this.unskip.bind(this);
 
+        
         const newState: SkipNoticeState = {
             skipButtonStates,
             skipButtonCallbacks,
diff --git a/src/components/SubmissionNoticeComponent.tsx b/src/components/SubmissionNoticeComponent.tsx
index 1d8facf6..9d526851 100644
--- a/src/components/SubmissionNoticeComponent.tsx
+++ b/src/components/SubmissionNoticeComponent.tsx
@@ -147,6 +147,7 @@ class SubmissionNoticeComponent extends React.Component<SubmissionNoticeProps, S
                         closeListener={this.cancel.bind(this)}
                         zIndex={5000}
                         firstColumn={[sortButton, exportButton]}
+                        advanceSkipNoticeShow={false}
                     >
                         {/* Text Boxes */}
                         {this.getMessageBoxes()}
diff --git a/src/config.ts b/src/config.ts
index f22826f6..c0a85677 100644
--- a/src/config.ts
+++ b/src/config.ts
@@ -56,6 +56,8 @@ interface SBConfig {
     serverAddress: string;
     minDuration: number;
     skipNoticeDuration: number;
+    skipNoticeDurationBefore: number;
+    advanceSkipNotice:boolean;
     audioNotificationOnSkip: boolean;
     checkForUnlistedVideos: boolean;
     testingServer: boolean;
@@ -241,6 +243,8 @@ const syncDefaults = {
     serverAddress: CompileConfig.serverAddress,
     minDuration: 0,
     skipNoticeDuration: 4,
+    skipNoticeDurationBefore: 3,
+    advanceSkipNotice:false,
     audioNotificationOnSkip: false,
     checkForUnlistedVideos: false,
     testingServer: false,
diff --git a/src/content.ts b/src/content.ts
index 20369e3e..37e42719 100644
--- a/src/content.ts
+++ b/src/content.ts
@@ -10,6 +10,7 @@ import { DescriptionPortPill } from "./render/DesciptionPortPill";
 import { setMessageNotice, showMessage } from "./render/MessageNotice";
 import { PlayerButton } from "./render/PlayerButton";
 import SkipNotice from "./render/SkipNotice";
+import advanceSkipNotice from "./render/advanceSkipNotice";
 import SubmissionNotice from "./render/SubmissionNotice";
 import { asyncRequestToServer } from "./requests/requests";
 import { getSegmentsByHash } from "./requests/segments";
@@ -87,6 +88,7 @@ let sponsorDataFound = false;
 let sponsorTimes: SponsorTime[] = [];
 // List of open skip notices
 const skipNotices: SkipNotice[] = [];
+let advanceSkipNotices: advanceSkipNotice | null = null;
 let activeSkipKeybindElement: ToggleSkippable = null;
 let retryFetchTimeout: NodeJS.Timeout = null;
 let shownSegmentFailedToFetchWarning = false;
@@ -113,6 +115,7 @@ let lastTimeFromWaitingEvent: number = null;
 let currentSkipSchedule: NodeJS.Timeout = null;
 let currentSkipInterval: NodeJS.Timeout = null;
 let currentVirtualTimeInterval: NodeJS.Timeout = null;
+let currentadvanceSkipSchedule: NodeJS.Timeout = null;
 
 /** Has the sponsor been skipped */
 let sponsorSkipped: boolean[] = [];
@@ -207,6 +210,7 @@ const skipNoticeContentContainer: ContentContainer = () => ({
     sponsorTimes,
     sponsorTimesSubmitting,
     skipNotices,
+    advanceSkipNotices,
     sponsorVideoID: getVideoID(),
     reskipSponsorTime,
     updatePreviewBar,
@@ -460,6 +464,11 @@ function resetValues() {
     for (let i = 0; i < skipNotices.length; i++) {
         skipNotices.pop()?.close();
     }
+
+    if(advanceSkipNotices){
+        advanceSkipNotices.close();
+        advanceSkipNotices = null;
+    }
 }
 
 async function videoIDChange(): Promise<void> {
@@ -552,6 +561,11 @@ function cancelSponsorSchedule(): void {
         clearInterval(currentSkipInterval);
         currentSkipInterval = null;
     }
+
+    if (currentadvanceSkipSchedule !== null) {
+        clearInterval(currentadvanceSkipSchedule);
+        currentadvanceSkipSchedule = null;
+    }
 }
 
 /**
@@ -569,8 +583,9 @@ async function startSponsorSchedule(
         return;
     }
 
-    logDebug(`Considering to start skipping: ${!getVideo()}, ${getVideo()?.paused}`);
-    if (!getVideo()) return;
+    const video = getVideo();
+    logDebug(`Considering to start skipping: ${!video}, ${video?.paused}`);
+    if (!video) return;
     if (currentTime === undefined || currentTime === null) {
         currentTime = getVirtualTime();
     }
@@ -578,7 +593,7 @@ async function startSponsorSchedule(
 
     updateActiveSegment(currentTime);
 
-    if (getVideo().paused || (getVideo().currentTime >= getVideo().duration - 0.01 && getVideo().duration > 1)) return;
+    if (video.paused || (video.currentTime >= video.duration - 0.01 && video.duration > 1)) return;
     const skipInfo = getNextSkipIndex(currentTime, includeIntersectingSegments, includeNonIntersectingSegments);
 
     const currentSkip = skipInfo.array[skipInfo.index];
@@ -593,7 +608,7 @@ async function startSponsorSchedule(
             skipInfo.index !== -1 && timeUntilSponsor < skipBuffer && shouldAutoSkip(currentSkip)
         )
     ) {
-        getVideo().muted = false;
+        video.muted = false;
         videoMuted = false;
 
         for (const notice of skipNotices) {
@@ -651,7 +666,9 @@ async function startSponsorSchedule(
             shouldSkip(currentSkip) ||
             sponsorTimesSubmitting?.some((segment) => segment.segment === currentSkip.segment)
         ) {
-            if (forceVideoTime >= skipTime[0] - skipBuffer && forceVideoTime < skipTime[1]) {
+            if (
+                forceVideoTime >= skipTime[0] - skipBuffer && forceVideoTime < skipTime[1]
+            ) {
                 skipToTime({
                     v: getVideo(),
                     skipTime,
@@ -704,7 +721,7 @@ async function startSponsorSchedule(
     if (timeUntilSponsor < skipBuffer) {
         await skippingFunction(currentTime);
     } else {
-        let delayTime = timeUntilSponsor * 1000 * (1 / getVideo().playbackRate);
+        let delayTime = (timeUntilSponsor * 1000) / getVideo().playbackRate;
         if (delayTime < (isFirefox() ? 750 : 300)) {
             let forceStartIntervalTime: number | null = null;
             if (isFirefox() && delayTime > 300) {
@@ -755,9 +772,28 @@ async function startSponsorSchedule(
         } else {
             logDebug(`Starting timeout to skip ${getVideo().currentTime} to skip at ${skipTime[0]}`);
 
-            const offset = isFirefox() ? 600 : 150;
+            const offset = (isFirefoxOrSafari() && !isSafari() ? 600 : 150);
             // Schedule for right before to be more precise than normal timeout
-            currentSkipSchedule = setTimeout(skippingFunction, Math.max(0, delayTime - offset));
+            const offsetDelayTime = Math.max(0, delayTime - offset);
+            currentSkipSchedule = setTimeout(skippingFunction, offsetDelayTime);
+
+            if (Config.config.advanceSkipNotice
+                && Config.config.skipNoticeDurationBefore > 0
+                && getVideo().currentTime < skippingSegments[0].segment[0]
+                && !sponsorTimesSubmitting?.some((segment) => segment.segment === currentSkip.segment)
+                && [ActionType.Skip, ActionType.Mute].includes(skippingSegments[0].actionType)
+                && shouldAutoSkip(skippingSegments[0])
+                && !getVideo()?.paused) {
+                const maxPopupTime = Config.config.skipNoticeDurationBefore * 1000;
+                const timeUntilPopup = Math.max(0, offsetDelayTime - maxPopupTime);
+                const autoSkip = shouldAutoSkip(skippingSegments[0]);
+
+                if (currentadvanceSkipSchedule) clearTimeout(currentadvanceSkipSchedule);
+                currentadvanceSkipSchedule = setTimeout(() => {
+                    createAdvanceSkipNotice([skippingSegments[0]], skipTime[0], autoSkip, false);
+                    sessionStorage.setItem('SKIPPING', 'true');
+                }, timeUntilPopup);
+            }
         }
     }
 }
@@ -1844,7 +1880,9 @@ function sendTelemetryAndCount(skippingSegments: SponsorTime[], secondsSkipped:
 
 //skip from the start time to the end time for a certain index sponsor time
 function skipToTime({ v, skipTime, skippingSegments, openNotice, forceAutoSkip, unskipTime }: SkipToTimeParams): void {
-    if (Config.config.disableSkipping) return;
+    if (Config.config.disableSkipping
+        || sessionStorage.getItem('SKIPPING') === 'false'
+    ) return sessionStorage.setItem('SKIPPING', 'null');
 
     // There will only be one submission if it is manual skip
     const autoSkip: boolean = forceAutoSkip || shouldAutoSkip(skippingSegments[0]);
@@ -1925,11 +1963,11 @@ function skipToTime({ v, skipTime, skippingSegments, openNotice, forceAutoSkip,
             } else if (autoSkip) {
                 activeSkipKeybindElement?.setShowKeybindHint(false);
                 activeSkipKeybindElement = {
-                    setShowKeybindHint: () => {}, //eslint-disable-line @typescript-eslint/no-empty-function
+                    setShowKeybindHint: () => {},
                     toggleSkip: () => {
-                        unskipSponsorTime(skippingSegments[0], unskipTime);
-
                         createSkipNotice(skippingSegments, autoSkip, unskipTime, true);
+
+                        unskipSponsorTime(skippingSegments[0], unskipTime);
                     },
                 };
             }
@@ -1956,13 +1994,17 @@ function createSkipNotice(
         }
     }
 
+    const advanceSkipNoticeShow = !!advanceSkipNotices;
     const newSkipNotice = new SkipNotice(
         skippingSegments,
         autoSkip,
-        skipNoticeContentContainer,
+        skipNoticeContentContainer, () => {
+            advanceSkipNotices?.close();
+            advanceSkipNotices = null;
+        },
         unskipTime,
-        startReskip
-    );
+        startReskip,
+        advanceSkipNoticeShow);
     if (Config.config.skipKeybind == null) newSkipNotice.setShowKeybindHint(false);
     skipNotices.push(newSkipNotice);
 
@@ -1970,6 +2012,32 @@ function createSkipNotice(
     activeSkipKeybindElement = newSkipNotice;
 }
 
+function createAdvanceSkipNotice(
+    skippingSegments: SponsorTime[],
+    unskipTime: number,
+    autoSkip: boolean,
+    startReskip: boolean,
+) {
+    if (advanceSkipNotices
+        && !advanceSkipNotices.closed
+        && advanceSkipNotices.sameNotice(skippingSegments)) {
+        return;
+    }
+
+    advanceSkipNotices?.close();
+    advanceSkipNotices = new advanceSkipNotice(
+        skippingSegments,
+        skipNoticeContentContainer,
+        unskipTime,
+        autoSkip,
+        startReskip
+    );
+    if (Config.config.skipKeybind == null) advanceSkipNotices.setShowKeybindHint(false);
+
+    activeSkipKeybindElement?.setShowKeybindHint(false);
+    activeSkipKeybindElement = advanceSkipNotices;
+}
+
 function unskipSponsorTime(segment: SponsorTime, unskipTime: number = null, forceSeek = false) {
     if (segment.actionType === ActionType.Mute) {
         getVideo().muted = false;
diff --git a/src/render/GenericNotice.tsx b/src/render/GenericNotice.tsx
index 3d4b426f..ed2b68e2 100644
--- a/src/render/GenericNotice.tsx
+++ b/src/render/GenericNotice.tsx
@@ -73,6 +73,7 @@ export default class GenericNotice {
                 hideLogo={options.hideLogo}
                 hideRightInfo={options.hideRightInfo}
                 closeListener={() => this.close()}
+                advanceSkipNoticeShow={false}
             >
                 {options.textBoxes?.length > 0 ? (
                     <tr
diff --git a/src/render/SkipNotice.tsx b/src/render/SkipNotice.tsx
index b5a3c1e3..1d18f9dd 100644
--- a/src/render/SkipNotice.tsx
+++ b/src/render/SkipNotice.tsx
@@ -24,8 +24,10 @@ class SkipNotice {
         segments: SponsorTime[],
         autoSkip = false,
         contentContainer: ContentContainer,
+        componentDidMount: () => void,
         unskipTime: number = null,
-        startReskip = false
+        startReskip = false,
+        advanceSkipNoticeShow: boolean
     ) {
         this.skipNoticeRef = React.createRef();
 
@@ -62,7 +64,11 @@ class SkipNotice {
                     Config.config.noticeVisibilityMode >= NoticeVisbilityMode.MiniForAll ||
                     (Config.config.noticeVisibilityMode >= NoticeVisbilityMode.MiniForAutoSkip && autoSkip)
                 }
+                fadeIn={!advanceSkipNoticeShow}
+                fadeOut={true}
                 unskipTime={unskipTime}
+                componentDidMount={componentDidMount} 
+                advanceSkipNoticeShow={false}
             />
         );
     }
diff --git a/src/render/advanceSkipNotice.tsx b/src/render/advanceSkipNotice.tsx
new file mode 100644
index 00000000..aec18fb6
--- /dev/null
+++ b/src/render/advanceSkipNotice.tsx
@@ -0,0 +1,96 @@
+import * as React from "react";
+import { createRoot, Root } from "react-dom/client";
+import { ContentContainer, SponsorTime, NoticeVisbilityMode } from "../types";
+
+import Config from "../config";
+import Utils from "../utils";
+import SkipNoticeComponent from "../components/SkipNoticeComponent";
+import { SkipNoticeAction } from "../utils/noticeUtils";
+const utils = new Utils();
+
+class advanceSkipNotices {
+    segments: SponsorTime[];
+    // Contains functions and variables from the content script needed by the skip notice
+    contentContainer: ContentContainer;
+
+    noticeElement: HTMLDivElement;
+
+    advanceSkipNoticeRef: React.MutableRefObject<SkipNoticeComponent>;
+    root: Root;
+
+    closed = false;
+
+    constructor(
+        segments: SponsorTime[],
+        contentContainer: ContentContainer,
+        unskipTime: number,
+        autoSkip: boolean,
+        startReskip: boolean
+    ) {
+        this.advanceSkipNoticeRef = React.createRef();
+
+        this.segments = segments;
+        this.contentContainer = contentContainer;
+
+        const referenceNode = utils.findReferenceNode();
+
+        this.noticeElement = document.createElement("div");
+        this.noticeElement.className = "sponsorSkipNoticeContainer";
+
+        referenceNode.prepend(this.noticeElement);
+
+        this.root = createRoot(this.noticeElement);
+        this.root.render(
+            <SkipNoticeComponent
+                segments={segments}
+                autoSkip={autoSkip}
+                advanceSkipNotice={true}
+                startReskip={startReskip}
+                contentContainer={contentContainer}
+                ref={this.advanceSkipNoticeRef}
+                closeListener={() => this.close()}
+                smaller={
+                    Config.config.noticeVisibilityMode >= NoticeVisbilityMode.MiniForAll ||
+                    (Config.config.noticeVisibilityMode >= NoticeVisbilityMode.MiniForAutoSkip && autoSkip)
+                }
+                fadeIn={true}
+                fadeOut={false}
+                unskipTime={unskipTime}
+                advanceSkipNoticeShow={true}
+                 />
+        );
+    }
+    
+    setShowKeybindHint(value: boolean): void {
+        this.advanceSkipNoticeRef?.current?.setState({
+            showKeybindHint: value,
+        });
+    }
+
+    close(): void {
+        this.root.unmount();
+        this.noticeElement.remove();
+
+        this.closed = true;
+    }
+
+    sameNotice(segments: SponsorTime[]): boolean {
+        if (segments.length !== this.segments.length) return false;
+
+        for (let i = 0; i < segments.length; i++) {
+            if (segments[i].UUID !== this.segments[i].UUID) return false;
+        }
+
+        return true;
+    }
+
+    toggleSkip(): void {
+        this.advanceSkipNoticeRef?.current?.prepAction(SkipNoticeAction.Unskip0);
+    }
+
+    unmutedListener(time: number): void {
+        this.advanceSkipNoticeRef?.current?.unmutedListener(time);
+    }
+}
+
+export default advanceSkipNotices;
diff --git a/src/types.ts b/src/types.ts
index 4538312c..c2815d0d 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -1,6 +1,7 @@
 import SubmissionNotice from "./render/SubmissionNotice";
 import SkipNoticeComponent from "./components/SkipNoticeComponent";
 import SkipNotice from "./render/SkipNotice";
+import advanceSkipNotice from "./render/advanceSkipNotice";
 
 export enum PageType {
     Unknown = "unknown",
@@ -25,6 +26,7 @@ export interface ContentContainer {
         sponsorTimes: SponsorTime[];
         sponsorTimesSubmitting: SponsorTime[];
         skipNotices: SkipNotice[];
+        advanceSkipNotices: advanceSkipNotice;
         sponsorVideoID;
         reskipSponsorTime: (segment: SponsorTime, forceSeek?: boolean) => void;
         updatePreviewBar: () => void;
diff --git a/src/utils/categoryUtils.ts b/src/utils/categoryUtils.ts
index 380a5db9..30e23e84 100644
--- a/src/utils/categoryUtils.ts
+++ b/src/utils/categoryUtils.ts
@@ -38,6 +38,44 @@ export function getSkippingText(segments: SponsorTime[], autoSkip: boolean): str
     }
 }
 
+export function getAdvanceSkipText(segments: SponsorTime[], autoSkip: boolean): string {
+    const categoryName =
+        chrome.i18n.getMessage(
+            segments.length > 1 ? "multipleSegments" : "category_" + segments[0].category + "_short"
+        ) || chrome.i18n.getMessage("category_" + segments[0].category);
+    if (autoSkip) {
+        let messageId = "";
+        switch (segments[0].actionType) {
+            case ActionType.Skip:
+                messageId = "autoSkipped";
+                break;
+            case ActionType.Mute:
+                messageId = "autoMuted";
+                break;
+            case ActionType.Poi:
+                messageId = "skipped_to_category";
+                break;
+        }
+
+        return chrome.i18n.getMessage(messageId).replace("{0}", categoryName);
+    } else {
+        let messageId = "";
+        switch (segments[0].actionType) {
+            case ActionType.Skip:
+                messageId = "skip_category";
+                break;
+            case ActionType.Mute:
+                messageId = "mute_category";
+                break;
+            case ActionType.Poi:
+                messageId = "skip_to_category";
+                break;
+        }
+
+        return chrome.i18n.getMessage(messageId).replace("{0}", categoryName);
+    }
+}
+
 export function getCategorySuffix(category: Category): string {
     if (category.startsWith("poi_")) {
         return "_POI";