CID-FUNNY-ログイン

CID をテーマにしたログイン システム ??

このプロジェクトは、ユーザーがログインに成功すると、象徴的な CID ミーム ビデオで楽しまれる、CID をテーマにした楽しいログイン システムを紹介します。 CID をテーマにした要素をアプリケーション全体に統合することで、ユニークで魅力的なユーザー エクスペリエンスを提供します。

特徴

• ? CID テーマ: テーマに沿ったミームやビデオで懐かしい CID シリーズをお楽しみください。
• ?資格情報チェック: 事前定義されたユーザー名とパスワードによるログインを検証します。
• ?️ ビデオ再生: ログインに成功すると、特定のビデオを再生します。
• ⚠️ カスタム アラート: SweetAlert を使用してカスタムのスタイリッシュなポップアップ メッセージを作成します。
• ?オーディオ コントロール: 一時停止オプション付きで BGM を再生します。
• ?セッション管理: ユーザー セッションを管理してビデオ再生を制御します。
• ?レスポンシブ デザイン: 完全にレスポンシブで、すべてのデバイスでシームレスなエクスペリエンスを提供します。 ## 動画
• CID FUNNY LOGIN CREATION のタイムラスペ:
• 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 中国語 Web サイトの他の関連記事を参照してください。