CID-FUNNY-登录

# Web 开发 # JavaScript # 编程 # 初学者

**CID 主题登录系统** 🎬🔐

该项目提供了一个有趣的 CID 主题登录系统，用户成功登录后可以观看标志性的 CID meme 视频。它通过在整个应用程序中集成 CID 主题元素，提供独特且引人入胜的用户体验。

特征

🎭 CID 主题：通过主题表情包和视频欣赏怀旧的 CID 系列。

🔐 凭证检查：使用预定义的用户名和密码验证登录。

📽️ 视频播放：登录成功后播放特定视频。

⚠️ 自定义警报：利用 SweetAlert 发送自定义、时尚的弹出消息。

🔊 音频控制：播放背景音乐并可选择暂停。

📋 会话管理：管理用户会话以控制视频播放。

📱 响应式设计：完全响应，在所有设备上提供无缝体验。## 视频

CID FUNNY LOGIN CREATION 的时间流逝：

CID FUNNY LOGIN 完整视频：## 图片

开发者

MAYANK CHAWDHARI ## 特别感谢

基山·库马尔

Vedant ## 用户指南

预定义凭证

用户名：Admin

密码：12345678

身份验证和视频播放

输入凭证：输入预定义的用户名和密码。

播放视频：登录成功后，将播放全屏视频。

会话管理：存储用户的身份验证状态，允许有条件的视频播放。

重定向和音频控制：视频结束后，用户被重定向回来，并且任何播放的音频都会停止。

更改特定视频的身份验证

根据身份验证播放不同的视频：

编辑 Auth 变量：在 JavaScript 代码中，找到 auth 变量。根据条件将其值设置为 1 或 0。

const auth = 1; // or 0

指定视频源：更新不同授权值的视频源路径。

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 视频元素：

JavaScript 处理视频播放和重定向：

fullScreenVideo.addEventListener('ended', function() {
      stopAllAudio();
      window.location.href = 'login.html';
  });

响应式布局：确保跨各种设备的兼容性，以实现无缝的用户体验。

享受以 CID 为主题的登录系统，并通过标志性的 CID 时刻增强应用程序的用户参与度！🎉🔐

CLIS.CC