CID-FUNNY-로그인

CID 테마 로그인 시스템 ??

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

특징

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

개발자

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

사전 정의된 자격 증명

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

인증 및 영상 재생

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

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

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

1. 인증 변수 편집: 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-FUNNY-로그인의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!