CID-FUNNY-登录

**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 时刻增强应用程序的用户参与度!🎉🔐