suchen

Heim >Backend-Entwicklung >PHP-Tutorial >PHP entwickelt ein Echtzeit-Chat-System für den Musikaustausch und die Online-Wiedergabe

PHP entwickelt ein Echtzeit-Chat-System für den Musikaustausch und die Online-Wiedergabe

PHPz
PHPzOriginal
2023-08-25 22:34:49667Durchsuche

PHP entwickelt ein Echtzeit-Chat-System für den Musikaustausch und die Online-Wiedergabe

PHP entwickelt Echtzeit-Chat-System für den Musikaustausch und die Online-Wiedergabe

Mit der Entwicklung des Internets ist das Echtzeit-Chat-System zu einem wichtigen Kommunikationsmittel im täglichen Leben der Menschen geworden. Um das Benutzererlebnis zu verbessern, können wir dem Chat-System Funktionen zum Teilen von Musik und zur Online-Wiedergabe hinzufügen, sodass Benutzer während des Chat-Vorgangs gleichzeitig Musik genießen können, was den Spaß an der Kommunikation erhöht. In diesem Artikel wird erläutert, wie Sie mithilfe von PHP die Musikfreigabe- und Online-Wiedergabefunktionen des Echtzeit-Chat-Systems entwickeln und entsprechende Codebeispiele angeben.

1. Umgebungsvorbereitung

Bevor wir mit der Entwicklung beginnen, müssen wir die Serverumgebung für die Ausführung von PHP vorbereiten. Es wird empfohlen, integrierte Entwicklungsumgebungen wie XAMPP oder WAMP zu verwenden, die einen Apache-Server, eine MySQL-Datenbank und einen PHP-Interpreter umfassen, um unsere Entwicklung und Tests zu erleichtern.

2. Erstellen Sie eine Datenbank

Zuerst müssen wir eine Datenbank erstellen, um Chat-Aufzeichnungen und Musikinformationen zu speichern. Führen Sie die folgende SQL-Anweisung in MySQL aus, um die entsprechende Datentabelle zu erstellen: 

CREATE TABLE users (
    id INT PRIMARY KEY AUTO_INCREMENT,
    username VARCHAR(50) NOT NULL,
    password VARCHAR(50) NOT NULL
);

CREATE TABLE messages (
    id INT PRIMARY KEY AUTO_INCREMENT,
    sender_id INT NOT NULL,
    receiver_id INT NOT NULL,
    content TEXT NOT NULL,
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

CREATE TABLE music (
    id INT PRIMARY KEY AUTO_INCREMENT,
    title VARCHAR(100) NOT NULL,
    artist VARCHAR(100) NOT NULL,
    url VARCHAR(255) NOT NULL
);

3. Benutzeranmeldung und -registrierung

Im Chat-System müssen sich Benutzer registrieren und anmelden, um die Chat-Funktion nutzen zu können. Als nächstes schreiben wir mit PHP den Code für die Benutzeranmeldung und -registrierung.

  1. Benutzerregistrierungsseite (register.php)

    <!DOCTYPE html>
<html>
<head>
 <title>用户注册</title>
</head>
<body>
 <h1>用户注册</h1>
 <form action="register.php" method="POST">
     <input type="text" name="username" placeholder="用户名" required>
     <br><br>
     <input type="password" name="password" placeholder="密码" required>
     <br><br>
     <button type="submit">注册</button>
 </form>
</body>
</html>

  2. Benutzerregistrierungsverarbeitung (register.php)

    <?php
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
 $username = $_POST['username'];
 $password = $_POST['password'];

 // 将用户名和密码插入数据库中
 $connection = mysqli_connect('localhost', 'root', '', 'chat_system');
 $query = "INSERT INTO users (username, password) VALUES ('$username', '$password')";
 mysqli_query($connection, $query);
 // 注册成功后跳转到登录页面
 header('Location: login.php');
 exit();
}
?>

Vier. Benutzeranmeldung und -verifizierung

  1. Benutzeranmeldeseite (login.php)

    <!DOCTYPE html>
<html>
<head>
 <title>用户登录</title>
</head>
<body>
 <h1>用户登录</h1>
 <form action="login.php" method="POST">
     <input type="text" name="username" placeholder="用户名" required>
     <br><br>
     <input type="password" name="password" placeholder="密码" required>
     <br><br>
     <button type="submit">登录</button>
 </form>
</body>
</html>

  2. Überprüfung der Benutzeranmeldung (login.php)

    <?php
session_start();

if ($_SERVER['REQUEST_METHOD'] == 'POST') {
 $username = $_POST['username'];
 $password = $_POST['password'];

 // 根据用户名查询数据库
 $connection = mysqli_connect('localhost', 'root', '', 'chat_system');
 $query = "SELECT * FROM users WHERE username='$username' AND password='$password'";
 $result = mysqli_query($connection, $query);

 // 验证用户名和密码是否正确
 if (mysqli_num_rows($result) == 1) {
     // 登录成功后保存用户信息到session中
     $user = mysqli_fetch_assoc($result);
     $_SESSION['user_id'] = $user['id'];
     $_SESSION['username'] = $user['username'];
     // 登录成功后跳转到聊天页面
     header('Location: chat.php');
     exit();
 } else {
     echo '用户名或密码错误';
 }
}
?>

5. Echtzeit-Chat-Funktion

Auf der Chat-Seite verwenden wir Ajax, um die Echtzeit-Chat-Funktion zu implementieren. Wenn ein Benutzer eine Nachricht sendet, senden wir die Nachricht an den Server, speichern sie in der Datenbank und zeigen die Nachricht dann in Echtzeit im Chatfenster an.

  1. Chat-Seite (chat.php)

    <?php
session_start();

if (!isset($_SESSION['user_id'])) {
 header('Location: login.php');
 exit();
}

$connection = mysqli_connect('localhost', 'root', '', 'chat_system');

// 查询历史消息
$query = "SELECT * FROM messages";
$result = mysqli_query($connection, $query);
$messages = mysqli_fetch_all($result, MYSQLI_ASSOC);
?>

<!DOCTYPE html>
<html>
<head>
 <title>实时聊天</title>
 <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
 <h1>实时聊天</h1>

 <div id="chat-box">
     <?php foreach ($messages as $message): ?>
         <p><?php echo $message['content']; ?></p>
     <?php endforeach; ?>
 </div>

 <form id="message-form">
     <input type="text" name="message" placeholder="输入消息" required>
     <button type="submit">发送</button>
 </form>

 <script>
     // 页面加载完成后，滚动到底部
     $(document).ready(function() {
         $('#chat-box').scrollTop($('#chat-box')[0].scrollHeight);
     });

     // 提交消息表单
     $('#message-form').submit(function(event) {
         event.preventDefault();
         var message = $('input[name="message"]').val();

         $.ajax({
             url: 'send_message.php',
             method: 'POST',
             data: {message: message},
             success: function() {
                 // 清空输入框内容
                 $('input[name="message"]').val('');
             }
         });
     });

     // 定时刷新消息
     setInterval(function() {
         $.ajax({
             url: 'get_messages.php',
             method: 'GET',
             dataType: 'json',
             success: function(response) {
                 var messages = response.messages;
                 var html = '';

                 // 生成消息HTML
                 for (var i = 0; i < messages.length; i++) {
                     html += '<p>' + messages[i].content + '</p>';
                 }

                 // 更新聊天窗口内容
                 $('#chat-box').html(html);

                 // 滚动到底部
                 $('#chat-box').scrollTop($('#chat-box')[0].scrollHeight);
             }
         });
     }, 1000);
 </script>
</body>
</html>

  2. Nachrichtencode senden (send_message.php)

    <?php
session_start();

if (!isset($_SESSION['user_id']) || $_SERVER['REQUEST_METHOD'] != 'POST') {
 exit();
}

$sender_id = $_SESSION['user_id'];
$receiver_id = 0; // 这里可以根据实际情况设置接收者的ID
$content = $_POST['message'];

$connection = mysqli_connect('localhost', 'root', '', 'chat_system');
$query = "INSERT INTO messages (sender_id, receiver_id, content) VALUES ($sender_id, $receiver_id, '$content')";
mysqli_query($connection, $query);
?>

  3. Nachrichtencode abrufen (get_messages.php)

    <?php
$connection = mysqli_connect('localhost', 'root', '', 'chat_system');
$query = "SELECT * FROM messages";
$result = mysqli_query($connection, $query);
$messages = mysqli_fetch_all($result, MYSQLI_ASSOC);

echo json_encode(['messages' => $messages]);
?>

6. Musik teilen und Online-Wiedergabe

Um Musikfreigabe- und Online-Wiedergabefunktionen zu implementieren, müssen wir zunächst die Titel-, Interpreten- und URL-Informationen der Musik in der Datenbank speichern. Benutzer können Musik hinzufügen und mit anderen Benutzern teilen, und andere Benutzer können auf Links auf der Chat-Seite klicken, um die Musik abzuspielen.

  1. Musikseite hinzufügen (add_music.php)

    <?php
session_start();

if (!isset($_SESSION['user_id'])) {
 header('Location: login.php');
 exit();
}

if ($_SERVER['REQUEST_METHOD'] == 'POST') {
 $title = $_POST['title'];
 $artist = $_POST['artist'];
 $url = $_POST['url'];

 // 将音乐信息插入数据库中
 $connection = mysqli_connect('localhost', 'root', '', 'chat_system');
 $query = "INSERT INTO music (title, artist, url) VALUES ('$title', '$artist', '$url')";
 mysqli_query($connection, $query);
 // 添加成功后跳转到聊天页面
 header('Location: chat.php');
 exit();
}
?>

<!DOCTYPE html>
<html>
<head>
 <title>添加音乐</title>
</head>
<body>
 <h1>添加音乐</h1>
 <form action="add_music.php" method="POST">
     <input type="text" name="title" placeholder="标题" required>
     <br><br>
     <input type="text" name="artist" placeholder="艺术家" required>
     <br><br>
     <input type="text" name="url" placeholder="URL" required>
     <br><br>
     <button type="submit">添加</button>
 </form>
</body>
</html>

  2. Musikwiedergabecode (play_music.php)

    <?php
if ($_SERVER['REQUEST_METHOD'] == 'GET' && isset($_GET['id'])) {
 $id = $_GET['id'];

 // 根据ID查询音乐信息
 $connection = mysqli_connect('localhost', 'root', '', 'chat_system');
 $query = "SELECT * FROM music WHERE id=$id";
 $result = mysqli_query($connection, $query);
 $music = mysqli_fetch_assoc($result);
 // 输出音乐信息，并自动播放
 echo <<<HTML
 <h1>{$music['title']}</h1>
 <p>{$music['artist']}</p>
 <audio controls autoplay>
     <source src="{$music['url']}" type="audio/mpeg">
     Your browser does not support the audio element.
 </audio>
 HTML;
} else {
 exit();
}
?>

VII. Zusammenfassung

In diesem Artikel werden die Funktionen zum Teilen von Musik und zur Online-Wiedergabe in Echtzeit entwickelt Chat-System mit PHP, zeigt, wie diese Funktion durch die Kombination von Datenbank-, AJAX- und Front-End-Technologien erreicht werden kann. Benutzer können während des Chats gleichzeitig Musik teilen und online spielen, was den Inhalt und das Erlebnis des Chats bereichert. Neben der Bereitstellung von Codebeispielen wird auch der Entwicklungsprozess des zugehörigen Datenbankdesigns und der Überprüfung der Benutzeranmeldung vorgestellt. Ich hoffe, dass dieser Artikel Ihnen hilft, diese Funktion zu verstehen und zu implementieren.

Das obige ist der detaillierte Inhalt vonPHP entwickelt ein Echtzeit-Chat-System für den Musikaustausch und die Online-Wiedergabe. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

php sql mysql ajax register 数据库 apache
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Zurück PHP Schwerwiegender Fehler: Aufruf der undefinierten Funktion mysql_connect()Nächster Artikel：Zurück PHP Schwerwiegender Fehler: Aufruf der undefinierten Funktion mysql_connect()

In Verbindung stehende Artikel

Mehr sehen