CID-搞笑-登录-js教程-PHP中文网

CID-搞笑-登录

Mary-Kate Olsen

发布： 2024-12-23 17:41:21

原创

713 人浏览过

CID 主题登录系统 ??

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

特征

？ CID 主题： 享受带有主题表情包和视频的怀旧 CID 系列。
？凭据检查： 使用预定义的用户名和密码验证登录。
?️ 视频播放： 成功登录后播放特定视频。
⚠️ 自定义警报： 利用 SweetAlert 来自定义、时尚的弹出消息。
？音频控制： 播放背景音乐，并可选择暂停。
？会话管理： 管理用户会话以控制视频播放。
？响应式设计： 完全响应式，在所有设备上提供无缝体验。 ## 视频
CID 有趣登录创建的时间间隔：
CID 搞笑登录完整视频： ## 图片

开发者

MAYANK CHAWDHARI ## 特别感谢
基山·库马尔
韦丹特 ## 用户指南

预定义凭证

用户名：管理员
密码：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 视频元素：

  <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';
  });

登录后复制