探索Soso Music：一款开源音乐播放器的技术之旅

于 2024-04-18 09:54:59 发布
阅读量385 收藏 10
点赞数 5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gitblog_00070/article/details/137907761
版权
本文深入探讨了SosoMusic，一个由jsososo创建的开源音乐播放器，使用Vue.js和Vuetify构建，结合Howler.js处理音频，支持个性化播放和社区贡献。适合开发者学习和定制音乐体验。
摘要由CSDN通过智能技术生成

探索Soso Music：一款开源音乐播放器的技术之旅

项目简介

是一个基于Web的开源音乐播放器项目，由开发者jsososo创建并维护。它的目标是提供一个简洁、易用且功能丰富的在线音乐体验，让用户能够方便地发现和享受音乐。这个项目的独特之处在于其完全开源的性质，允许社区贡献者们一起改进和扩展其功能。

技术分析

Soso Music 使用现代前端框架 Vue.js 构建，这使得它具有高性能和良好的可维护性。Vue.js 的组件化结构让代码组织清晰，易于理解和修改。此外，它还利用了 Vuetify 这个流行的Material Design UI库，确保了美观而响应式的用户界面。

播放器的核心部分是音频处理，这里采用了 Howler.js 库。这是一个强大的JavaScript音频库，支持HTML5 Audio API，提供了跨浏览器的兼容性和丰富的音频控制功能。通过Howler.js，Soso Music 可以实现流畅的音乐播放、暂停、音量控制等功能。

对于音乐数据，Soso Music 使用了 API接口 获取，这些接口可能包括第三方音乐服务或者自定义的数据源。这种设计使得项目可以轻松适应不同的音乐平台和内容。

在后端，虽然官方未详细说明，但从项目结构推测，可能采用轻量级的 Node.js 和 Express 框架进行服务器端处理，如认证、路由控制等。

应用场景与特点

  1. 个性化播放体验 - Soso Music 允许用户根据喜好自定义播放列表，享受个性化的音乐流。
  2. 社区参与 - 开源特性意味着任何人都可以贡献代码，改进功能或添加新特性，使其不断进化。
  3. 跨平台 - 由于基于Web，它可以在任何现代浏览器上运行，无需考虑操作系统或设备限制。
  4. 易集成 - 开发者可以将其嵌入自己的网站，作为内置音乐模块，增加用户体验。
  5. 教育价值 - 对于学习Vue.js或前端开发的人来说，Soso Music 是一个很好的实战项目，可以从中学习到实际应用中的最佳实践。

鼓励使用与贡献

无论你是音乐爱好者还是开发者，Soso Music 都值得你的关注。如果你想要一个定制化的音乐播放解决方案，或是想在实践中提升你的前端技能，这个项目提供了绝佳的机会。参与其中，不仅可以享受到音乐的乐趣，还能为开源社区做出贡献。现在就访问项目链接，开始你的探索吧！

希望这篇文章能帮助你了解Soso Music，并激发你去尝试和贡献这个有趣的项目！如果你有任何问题或想法，欢迎在项目仓库中发起讨论。让我们一起打造更好的在线音乐体验！

劳泉文Luna
关注
  • 5
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
howler.js_Howler.js可能是周围最好JavaScript音频库
cune1359的博客
07-01 2422
得益于现代HTML5音频和对浏览器支持的Swift采用， 过时的音频播放器已成为过去。 但是Web设计人员可以使用诸如Howler.js之类的纯音频库 更进一步 。 这个免费的开源JS库可让您播放自定义播放器嵌入的标准格式的音频文件 。 Howler带有完整的API ，因此您可以为浏览器内HTML5游戏构建一个简单的音频播放器 ，一个大型播放列表或循环播放背景音乐 。 Howler最早...
在线音乐网站
07-26
用servlet+jsp+mysql进行开发 可以进行在线音乐播放 试听 下载 同时带管理员后台管理 可以对音乐进行各种管理
探秘开源项目：jsososo的网易云音乐API实现 - NetEaseMusic
gitblog_00097的博客
03-26 505
探秘开源项目：jsososo的网易云音乐API实现 - NetEaseMusic 项目地址:https://gitcode.com/jsososo/NeteaseMusic 在当今数字娱乐时代，音乐成为我们日常生活中不可或缺的一部分。而网易云音乐凭借其丰富的曲库、个性化的推荐和富有社区氛围的功能，深受广大用户的喜爱。今天我们要介绍的是一个由开发者jsoososo创建的开源项目——NetEaseMu...
vue.config.js常用配置
qq_41519363的博客
06-29 127
// vue.config.js 常用配置 module.exports = { // 基本路径, vue.cli 3.3以前请使用 baseUrl publicPath: '/', // 打包后 输出文件目录 outputDir: 'dist', // 生产环境sourceMap productionSourceMap: true, // webpack-dev-server 相关配置 devServer: { host: '0.0.0.0', port:
Android手机开发课程设计之音乐播放器
qq_44111805的博客
06-10 9530
音乐播放器概述与分析目前手机的音乐播放功能已经是大家比较关注的一个部分，不少在人在购买手机的时候都会关心手机的音乐播放的能力，这也足以看出目前大家对音乐播放功能的重视，所以一款性能良好的手机音乐播放器软件一定会受到欢迎。和传统的音乐播放器相比，手机播放音乐更加的容易携带，其他方面也都不输于传统音乐播放器，而且还具有网上听音乐功能，所以开发一款受欢迎的手机音乐播放软件是具有良好的市场和应用前景的。...
Superl-url：一款开源关键词URL采集工具
systemino的博客
05-31 1922
superl-url是一款开源的，并且功能强大的关键词URL采集工具，可以根据关键词，对搜索引擎内容检索结果的网址内容进行采集。 程序主要运用于安全渗透测试项目，以及批量评估各类CMS系统0DAY的影响程度，同时也是批量采集自己获取感兴趣的网站的一个小程序~~ 本来几年前就写好了，没什么技术含量，没想到小伙伴的使用需求还蛮大的，不敢私藏~~ 立了flag，git的star过200就一...
音乐播放器之QQ音乐最新api，亲测可用
热门推荐
hhzzcc_的博客
03-31 6万+
大家好，前段时间重写了自己的音乐播放器，源码放在github上，源码地址和项目地址下面都有，如果喜欢记得star一下哈。 由于之前给大家分享的api虽然可以用，但是版本太旧了，很多也没有了歌词，今天博主给大家分享一个最新的qq音乐api，亲测可用，话不多说直接上代码 最新音乐 let url = 'https://c.y.qq.com/v8/fcg-bin...
基于易语言写QQ音乐播放器
coby的博客
08-14 2080
针对QQ音乐不对外开放api表示好气，不爽，还是亲自操刀吧！
最简单的音乐播放器
11-16
最简单的本地音乐播放器 1、左键单击播放、再单击暂停 2、双击下一曲 3、ctrl 单击 添加到收藏 4 、右键编辑或播放收藏
soso:一个类似Unix的简单操作系统
03-11
Soso是一个用Nasm程序集编写的简单的类似Unix的操作系统，大多数情况下是用C编写的。它支持多重启动，因此由Grub启动。 可以使用Nasm和Clang来构建。 经过测试的构建环境是Linux，FreeBSD。 Soso是32位x86操作系统...
网页音乐播放器
03-02
MP3、MP4、FLV、WMA、RM等文件的播放、暂停、停止、快进、快退、上一首、下一首 声音的控制（大小、声道） 视频大小的控制（4种模式） 播放模式（随机、循环、单曲） 大背景、场景图片及动画、皮肤 设置 歌词 支持...
PK990音乐播放器 2.64.rar
05-25
PK990音乐播放器 2.64 更新内容：2010-7-3 新增发送命令:fullstatus全屏状态;musictype音乐类型 增加全屏按钮 修改addEvent/removeEvent 命令 后台管理地址 admin/index.asp 管理员和密码都是 admin PK990...
vb 网络音乐播放器源码
03-12
2.后台搜歌引擎共3套,sogou(搜狗),baidu(百度),以及soso(搜搜). 3.歌词引擎2套,分别来自红叶歌词网和百度. 4.写真系统包括桌面壁纸,套图,qq头像等,后台主引擎默认为sogou. 5.专辑列表功能,后台数据取自搜狗音乐大本...
qq音乐接口
qq_39924086的博客
11-21 3064
QQ音乐接口集合–javascript 以下接口仅供测试开发 通用配置 const option = { g_tk: 5381, loginUin: 0, hostUin: 0, notice: 0, uin: 0, format: 'json', inCharset: 'utf8', outCharset: 'utf-8', platform: 'yqq.js...
基于howler.js开发的音乐播放器
weixin_34009794的博客
06-25 1484
2019独角兽企业重金招聘Python工程师标准>>> ...
2024java面试题
07-26
2024年的Java面试题可能涵盖多个方面，包括Java基础知识、面向对象编程、集合框架、多线程与并发编程、JVM与性能优化、设计模式、Spring框架等。以下是一些可能出现在2024年Java面试中的题目及其简要答案： 一、Java基础知识 面向对象的特征有哪些？ 抽象：忽略主题中与当前目标无关的部分，以便更关注与当前目标有关的部分。 继承：允许新类继承现有类的属性和方法，实现代码重用。 封装：将对象的状态信息隐藏在对象内部，不允许外部直接访问，而是通过公共方法进行访问和操作。 多态性：允许不同类的对象对同一消息作出响应，实现接口重用。 作用域public, private, protected, 以及不写时的区别是什么？ public：任何地方都可以访问。 private：只能在本类内部访问。 protected：可以在同一包内及不同包中的子类里访问。 不写（默认，也称为default）：只能在同一包内访问。 int和Integer有什么区别？ int是Java的原始数据类型，存储在栈内存中。 Integer是Java为int提供的封装类，存储在堆内存中，可以表示null。 二、
C课程设计之职工管理系统
最新发布
07-26
C课程设计之职工管理系统 C语言开发，可以使用dev-C++或者其他C编程软件打开编译运行 喜欢的同学，可以拿去使用
用python写QQ音乐播放器
05-30
要使用Python编写QQ音乐播放器，你需要掌握以下几个步骤： 1. 安装必要的库：你需要安装PyQt5和Requests库。PyQt5是Python的GUI框架，Requests库用于从QQ音乐API获取音乐歌曲和封面图片。 2. 获取QQ音乐歌曲信息：从QQ音乐API获取音乐歌曲信息，包括歌曲名、歌手、专辑、歌曲链接和封面图片等。 3. 创建播放器界面：使用PyQt5创建音乐播放器的界面，包括播放、暂停、上一首、下一首和音量控制等按钮。 4. 播放音乐：使用Python的PyGame库播放音乐，将获取到的音乐链接传递给PyGame库进行播放。 下面是一个简单的示例代码： ```python import sys import requests import pygame from PyQt5.QtWidgets import QApplication, QWidget, QVBoxLayout, QHBoxLayout, QLabel, QPushButton, QSlider from PyQt5.QtGui import QPixmap from PyQt5.QtCore import Qt, QSize class QQMusicPlayer(QWidget): def __init__(self): super().__init__() self.init_ui() self.music_list = [] self.current_music_index = 0 self.playing = False self.volume = 50 pygame.init() def init_ui(self): self.resize(400, 300) self.setWindowTitle('QQ Music Player') self.setWindowFlags(Qt.WindowCloseButtonHint) self.title_label = QLabel('QQ Music Player') self.title_label.setAlignment(Qt.AlignCenter) self.album_cover_label = QLabel(self) self.album_cover_label.setFixedSize(200, 200) self.album_cover_label.setPixmap(QPixmap('cover.jpg').scaled(QSize(200, 200), Qt.KeepAspectRatio)) self.song_name_label = QLabel('No song') self.song_name_label.setAlignment(Qt.AlignCenter) self.singer_label = QLabel('No singer') self.singer_label.setAlignment(Qt.AlignCenter) self.play_button = QPushButton('Play') self.play_button.clicked.connect(self.play_pause_music) self.prev_button = QPushButton('Prev') self.prev_button.clicked.connect(self.play_prev_music) self.next_button = QPushButton('Next') self.next_button.clicked.connect(self.play_next_music) self.volume_slider = QSlider(Qt.Horizontal) self.volume_slider.setMinimum(0) self.volume_slider.setMaximum(100) self.volume_slider.setValue(50) self.volume_slider.valueChanged.connect(self.change_volume) vbox_layout = QVBoxLayout() vbox_layout.addWidget(self.title_label) vbox_layout.addWidget(self.album_cover_label) vbox_layout.addWidget(self.song_name_label) vbox_layout.addWidget(self.singer_label) hbox_layout = QHBoxLayout() hbox_layout.addWidget(self.prev_button) hbox_layout.addWidget(self.play_button) hbox_layout.addWidget(self.next_button) vbox_layout.addLayout(hbox_layout) vbox_layout.addWidget(self.volume_slider) self.setLayout(vbox_layout) def get_music_list(self, keyword): url = 'https://c.y.qq.com/soso/fcgi-bin/client_search_cp?new_json=1&remoteplace=txt.yqq.song&searchid=70837171441911197&t=0&aggr=1&cr=1&catZhida=1&lossless=0&flag_qc=0&p=1&n=20&w=' + keyword headers = { 'referer': 'https://y.qq.com/portal/search.html' } response = requests.get(url, headers=headers) json_data = response.json() music_list = [] for item in json_data['data']['song']['list']: music = { 'name': item['name'], 'singer': item['singer'][0]['name'], 'album': item['album']['name'], 'cover': item['album']['mid'], 'url': self.get_music_url(item['mid']) } music_list.append(music) self.music_list = music_list self.current_music_index = 0 self.update_ui() def get_music_url(self, mid): url = 'https://u.y.qq.com/cgi-bin/musicu.fcg?callback=getplaysongvkey5340713917016285&g_tk=5381&jsonpCallback=getplaysongvkey5340713917016285&loginUin=0&hostUin=0&format=jsonp&inCharset=utf8&outCharset=utf-8&notice=0&platform=yqq.json&needNewCode=0&data=%7B%22req_0%22%3A%7B%22module%22%3A%22vkey.GetVkeyServer%22%2C%22method%22%3A%22CgiGetVkey%22%2C%22param%22%3A%7B%22guid%22%3A%227320798373%22%2C%22songmid%22%3A%5B%22' + mid + '%22%5D%2C%22songtype%22%3A%5B0%5D%2C%22uin%22%3A%220%22%2C%22loginflag%22%3A1%2C%22platform%22%3A%2220%22%7D%7D%2C%22comm%22%3A%7B%22uin%22%3A0%2C%22format%22%3A%22json%22%2C%22ct%22%3A20%2C%22cv%22%3A0%7D%7D' headers = { 'referer': 'https://y.qq.com/' } response = requests.get(url, headers=headers) json_data = response.json() return 'http://isure.stream.qqmusic.qq.com/' + json_data['req_0']['data']['midurlinfo'][0]['purl'] def update_ui(self): if len(self.music_list) == 0: self.song_name_label.setText('No song') self.singer_label.setText('No singer') self.album_cover_label.setPixmap(QPixmap('cover.jpg').scaled(QSize(200, 200), Qt.KeepAspectRatio)) else: music = self.music_list[self.current_music_index] self.song_name_label.setText(music['name']) self.singer_label.setText(music['singer']) url = 'https://y.gtimg.cn/music/photo_new/T002R300x300M000' + music['cover'] + '.jpg' response = requests.get(url) image_data = response.content pixmap = QPixmap() pixmap.loadFromData(image_data) self.album_cover_label.setPixmap(pixmap.scaled(QSize(200, 200), Qt.KeepAspectRatio)) def play_pause_music(self): if len(self.music_list) == 0: return if self.playing: pygame.mixer.music.pause() self.play_button.setText('Play') self.playing = False else: pygame.mixer.music.unpause() self.play_button.setText('Pause') self.playing = True def play_prev_music(self): if len(self.music_list) == 0: return self.current_music_index = (self.current_music_index - 1) % len(self.music_list) self.play_music() def play_next_music(self): if len(self.music_list) == 0: return self.current_music_index = (self.current_music_index + 1) % len(self.music_list) self.play_music() def play_music(self): music = self.music_list[self.current_music_index] pygame.mixer.music.load(music['url']) pygame.mixer.music.set_volume(self.volume / 100) pygame.mixer.music.play() self.play_button.setText('Pause') self.playing = True self.update_ui() def change_volume(self, value): self.volume = value pygame.mixer.music.set_volume(self.volume / 100) if __name__ == '__main__': app = QApplication(sys.argv) player = QQMusicPlayer() player.show() sys.exit(app.exec_()) ``` 这是一个初级版本的QQ音乐播放器，它可以通过关键字搜索QQ音乐中的歌曲，并播放它们。你可以根据自己的需要对代码进行修改和扩展。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

劳泉文Luna

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值