CID-搞笑-登入

CID 主題登入系統 ??

這個專案提供了一個有趣的、以 CID 為主題的登入系統，使用者在成功登入後可以觀看標誌性的 CID 迷因影片。它透過在整個應用程式中整合 CID 主題元素來提供獨特且引人入勝的用戶體驗。

特徵

• ？ CID 主題： 享受帶有主題表情包和影片的懷舊 CID 系列。
• ？憑證檢查： 使用預先定義的使用者名稱和密碼驗證登入。
• ?️ 影片播放： 成功登入後播放特定影片。
• ⚠️ 自訂警報： 利用 SweetAlert 來自訂、時尚的彈出訊息。
• ？音訊控制： 播放背景音樂，並可選擇暫停。
• ？會話管理： 管理使用者會話以控制影片播放。
• ？響應式設計： 完全響應式，在所有裝置上提供無縫體驗。 ## 影片
• CID 有趣登入建立的時間間隔：
• CID 搞笑登入完整影片： ## 圖片

開發者

• MAYANK CHAWDHARI ## 特別感謝
• 基山·庫馬爾
• 韋丹特 ## 使用者指南

預定義憑證

• 使用者名稱：管理員
• 密碼：12345678

認證和視訊播放

1. 輸入憑證：輸入預先定義的使用者名稱和密碼。
2. 播放影片：成功登入後，將全螢幕播放影片。
3. 會話管理：儲存使用者的驗證狀態，允許有條件的影片播放。
4. 重定向和音訊控制：影片結束後，使用者被重定向回來，並且所有播放的音訊都會停止。

更改特定影片的身份驗證

依照身分驗證播放不同的影片：

1. 編輯 Auth 變數： 在 JavaScript 程式碼中，找到 auth 變數。根據條件將其值設為 1 或 0。

   const auth = 1; // or 0

1. 指定影片來源： 更新不同身份驗證值的視訊來源路徑。

   if (auth === 1) {
       fullScreenVideo.src = '2.mp4'; // Path to video for auth = 1
   } else {
       fullScreenVideo.src = '1.mp4'; // Path to video for auth = 0
   }

執行

自訂彈出警報

• SweetAlert： 用於用戶通知的時尚彈出訊息。

  Swal.fire({
      text: 'Please fill out all fields!',
      position: 'top-end',
      timerProgressBar: true,
      showConfirmButton: false,
      width: '250px',
      timer: 3000,
      backdrop: false
  });

全螢幕影片播放

• HTML 影片元素：

  <video>



<ul>
<li>
<strong>JavaScript to Handle Video Playback and Redirection:</strong>
</li>
</ul>

<pre class="brush:php;toolbar:false">  fullScreenVideo.addEventListener('ended', function() {
      stopAllAudio();
      window.location.href = 'login.html';
  });

• 響應式版面： 確保跨各種裝置的兼容性，實現無縫的使用者體驗。

享受以 CID 為主題的登入系統，並透過標誌性的 CID 時刻增強應用程式的使用者參與度！ ??

以上是CID-搞笑-登入的詳細內容。更多資訊請關注PHP中文網其他相關文章！