CID-FUNNY-로그인-JS 튜토리얼-php.cn

CID-FUNNY-로그인

Mary-Kate Olsen

풀어 주다： 2024-12-23 17:41:21

원래의

713명이 탐색했습니다.

CID 테마 로그인 시스템 ??

이 프로젝트는 사용자가 성공적으로 로그인하면 상징적인 CID 밈 비디오를 볼 수 있는 재미있는 CID 테마 로그인 시스템을 제공합니다. 애플리케이션 전체에 CID 테마 요소를 통합하여 독특하고 매력적인 사용자 경험을 제공합니다.

특징

? CID 테마: 테마가 있는 밈과 영상으로 향수를 불러일으키는 CID 시리즈를 즐겨보세요.
? 자격 증명 확인: 사전 정의된 사용자 이름과 비밀번호로 로그인을 확인하세요.
?️ 동영상 재생: 로그인 성공 시 특정 동영상을 재생합니다.
⚠️ 맞춤 알림: 세련되고 맞춤화된 팝업 메시지를 위해 SweetAlert를 활용합니다.
? 오디오 제어: 일시 정지 옵션이 있는 배경 음악을 재생합니다.
? 세션 관리: 비디오 재생을 제어하기 위해 사용자 세션을 관리합니다.
? 반응형 디자인: 완벽하게 반응하여 모든 기기에서 원활한 경험을 제공합니다. ## 동영상
CID FUNNY 로그인 생성 타임라인 :
CID FUNNY LOGIN 전체 영상 : ## 이미지

개발자

마얀크 차드하리 ## 특별히 감사드립니다
키샨 쿠마르
베던트 ## 사용자 가이드

사전 정의된 자격 증명

사용자 이름: 관리자
비밀번호: 12345678

인증 및 영상 재생

자격 증명 입력: 사전 정의된 사용자 이름과 비밀번호를 입력하세요.
동영상 재생: 로그인에 성공하면 전체 화면 동영상이 재생됩니다.
세션 관리: 사용자의 인증 상태가 저장되어 조건부 동영상 재생이 가능합니다.
리디렉션 및 오디오 제어: 동영상이 끝나면 사용자가 다시 리디렉션되고 오디오 재생이 중지됩니다.

특정 동영상에 대한 인증 변경

인증에 따라 다른 동영상을 재생하려면:

인증 변수 편집: 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';
  });

로그인 후 복사