APlayer 开源项目教程

郜朵欣

于 2024-08-08 07:39:33 发布

阅读量385

点赞数 4

本文链接：https://blog.csdn.net/gitblog_00491/article/details/141010341

版权

APlayer 开源项目教程

APlayer项目地址:https://gitcode.com/gh_mirrors/apl/APlayer

项目介绍

APlayer 是一个可爱的 HTML5 音乐播放器，支持多种媒体格式，包括 MP4 H.264 (AAC 或 MP3)、WAVE PCM 和 Ogg Theora Vorbis。它具有播放列表和歌词显示功能，适用于各种项目。APlayer 是 MIT 许可的开源项目，完全免费使用。

项目快速启动

安装

首先，克隆项目仓库到本地：

git clone https://github.com/MoePlayer/APlayer.git

进入项目目录：

cd APlayer

安装依赖：

npm install

运行

启动开发服务器：

npm run dev

在浏览器中打开 http://localhost:8080，即可看到 APlayer 播放器。

示例代码

以下是一个简单的 HTML 示例，展示如何在网页中使用 APlayer：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>APlayer 示例</title>
    <link rel="stylesheet" href="dist/APlayer.min.css">
</head>
<body>
    <div id="aplayer"></div>
    <script src="dist/APlayer.min.js"></script>
    <script>
        const ap = new APlayer({
            container: document.getElementById('aplayer'),
            audio: [{
                name: 'Song Name',
                artist: 'Artist Name',
                url: 'path/to/song.mp3',
                cover: 'path/to/cover.jpg'
            }]
        });
    </script>
</body>
</html>