지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 백엔드 개발 > PHP 튜토리얼 > PHP는 음악 공유 및 온라인 재생을 위한 실시간 채팅 시스템을 개발합니다.

PHP는 음악 공유 및 온라인 재생을 위한 실시간 채팅 시스템을 개발합니다.

PHPz
풀어 주다： 2023-08-25 22:36:01
원래의
671명이 탐색했습니다.

PHP는 음악 공유 및 온라인 재생을 위한 실시간 채팅 시스템을 개발합니다.

PHP는 음악 공유 및 온라인 재생을 위한 실시간 채팅 시스템을 개발합니다.

인터넷의 발달과 함께 실시간 채팅 시스템은 사람들의 일상 생활에서 중요한 커뮤니케이션 도구가 되었습니다. 사용자 경험을 높이기 위해 채팅 시스템에 음악 공유 및 온라인 재생 기능을 추가하여 사용자가 채팅 과정에서 동시에 음악을 즐길 수 있도록 하여 커뮤니케이션의 즐거움을 높일 수 있습니다. 이 기사에서는 PHP를 사용하여 실시간 채팅 시스템의 음악 공유 및 온라인 재생 기능을 개발하는 방법을 소개하고 해당 코드 예제를 제공합니다.

1. 환경 준비

개발을 시작하기 전에 PHP를 실행할 수 있는 서버 환경을 준비해야 합니다. 개발 및 테스트를 용이하게 하려면 Apache 서버, MySQL 데이터베이스 및 PHP 인터프리터가 포함된 XAMPP 또는 WAMP와 같은 통합 개발 환경을 사용하는 것이 좋습니다.

2. 데이터베이스 만들기

먼저 채팅 기록과 음악 정보를 저장할 데이터베이스를 만들어야 합니다. MySQL에서 다음 SQL 문을 실행하여 해당 데이터 테이블을 생성합니다. 

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. 사용자 로그인 및 등록

채팅 시스템에서 채팅 기능을 사용하려면 사용자가 등록하고 로그인해야 합니다. 다음으로, PHP를 사용하여 사용자 로그인 및 등록을 위한 코드를 작성합니다.

  1. 사용자 등록 페이지(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. 사용자 등록 처리(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();
}
?>
    로그인 후 복사

넷.사용자 로그인 및 인증

  1. 사용자 로그인 페이지(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. 사용자 로그인 인증(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. 실시간 채팅 기능

채팅 페이지에서는 Ajax를 사용해 실시간 채팅 기능을 구현하고 있습니다. 사용자가 메시지를 보내면 해당 메시지를 서버로 전송해 데이터베이스에 저장한 뒤 실시간으로 채팅창에 표시해 줍니다.

  1. 채팅 페이지(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. 메시지 코드 보내기(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. 메시지 코드 받기(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. 음악 공유 및 온라인 재생

음악 공유 및 온라인 재생 기능을 구현하려면 먼저 음악의 제목, 아티스트 및 URL 정보를 데이터베이스에 저장해야 합니다. 사용자는 음악을 추가하고 다른 사용자와 공유할 수 있으며, 다른 사용자는 채팅 페이지의 링크를 클릭하여 음악을 재생할 수 있습니다.

  1. 음악 페이지 추가(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. 음악 재생 코드(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. 요약

    이 문서에서는 PHP를 사용하여 음악 공유 및 온라인 재생 기능을 개발합니다. 실시간 채팅 시스템은 데이터베이스, AJAX 및 프런트엔드 기술을 결합하여 이 기능을 구현하는 방법을 보여줍니다. 사용자는 채팅 중에 음악을 공유하고 동시에 온라인으로 재생할 수 있어 채팅의 콘텐츠와 경험이 풍부해집니다. 코드 예제 제공과 더불어, 관련 데이터베이스 설계 및 사용자 로그인 검증 개발 과정도 소개한다. 이 글이 이 기능을 이해하고 구현하는 데 도움이 되기를 바랍니다.

    위 내용은 PHP는 음악 공유 및 온라인 재생을 위한 실시간 채팅 시스템을 개발합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
PHP 개발 음악 공유 라이브 채팅 시스템
원천：php.cn
이전 기사：PHP 치명적인 오류: 정의되지 않은 함수 mysql_connect() 호출 다음 기사：PHP 치명적인 오류 해결: 부울 오류 시 멤버 함수 호출
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
반환 값의 변수 형식은 무엇입니까? 저는 PHP를 처음 배우는 사람입니다. 코드 조각을 찾았습니다: if($x<time()){return[false,'error'];} 논리나 변수는 중요하지 ...
에서 2024-04-06 21:55:20
0
1
778
페이지가 갑자기 CSS나 부트스트랩을 가져올 수 없습니다. 그래서 저는 페이지를 개발 중입니다. 어제 일부 작업을 했는데 잘 작동했고, 오늘은 나머지 작업을 계속했는데 모든 것이 괜찮습니다. 일반 HTML 페이지로 열려고...
에서 2024-04-06 21:58:04
0
1
800
다른 CSS 코드가 무엇이든 관계없이 Flexbox의 텍스트를 수직 중앙에 강제로 배치할 수 있는 방법이 있나요? 제가 개발 중인 웹사이트에 사용되는 더 큰 CSS 코드의 일부인 다음 CSS 코드가 있습니다. .cards-u{display:flex;flex-wrap:wrap;...
에서 2024-04-06 20:41:51
0
1
518
웹 애플리케이션에 버전 정보를 표시하는 모범 사례는 무엇입니까? 웹 애플리케이션을 개발 중입니다. 웹 애플리케이션에 버전 정보를 표시하는 모범 사례는 무엇입니까? 저는 semantic versioning을 사용하고 있고 이미 ...
에서 2024-04-06 19:13:16
0
2
476
Nuxt.js로 생성된 대시보드를 배포하기 위해 SSG를 사용해야 합니까? Nuxt.js를 사용하여 내부용 대시보드를 개발하겠습니다. 내부 대시보드이므로 범용 스키마가 필요하지 않습니다. 일반적으로 대부분의 대시보드는 SPA에서 개발됩니...
에서 2024-04-06 13:17:44
0
1
493
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿