[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8944":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":16,"stars30d":17,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":18,"rankGlobal":10,"rankLanguage":10,"license":19,"archived":20,"fork":20,"defaultBranch":21,"hasWiki":22,"hasPages":22,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":32,"readmeContent":33,"aiSummary":34,"trendingCount":16,"starSnapshotCount":16,"syncStatus":35,"lastSyncTime":36,"discoverSource":37},8944,"vue-aplayer","SevenOutman\u002Fvue-aplayer","SevenOutman",":cake: Easy-to-use music player for Vue 2.x","https:\u002F\u002Fvue-aplayer.js.org",null,"Vue",1332,196,16,71,0,1,19.88,"MIT License",false,"develop",true,[24,25,26,27,28,29,5,30,31],"aplayer","awesome-vue","html5-music-player","music","music-player","vue","vue-components","vue2","2026-06-12 02:02:00","\u003Cp align=\"center\">\n\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002FSevenOutman\u002Fvue-aplayer\u002Fblob\u002Fdevelop\u002Fsrc\u002Fassets\u002Fvue-aplayer-round.png\" alt=\"Vue-APlayer\" width=\"100\">\n\u003C\u002Fp>\n\u003Ch1 align=\"center\">Vue-APlayer\u003C\u002Fh1>\n\n## Please refer to [**Future of vue-aplayer**](https:\u002F\u002Fgithub.com\u002FSevenOutman\u002Fvue-aplayer\u002Fdiscussions\u002F236) before you continue.\n\nVue implementation of [APlayer](https:\u002F\u002Fgithub.com\u002FMoePlayer\u002FAPlayer) prototype.\n[**Demo**](https:\u002F\u002Fsevenoutman.github.io\u002Fvue-aplayer)\n\n\n[![Travis](https:\u002F\u002Fimg.shields.io\u002Ftravis\u002FSevenOutman\u002Fvue-aplayer.svg?style=flat-square)](https:\u002F\u002Ftravis-ci.org\u002FSevenOutman\u002Fvue-aplayer)\n[![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fvue-aplayer.svg?style=flat-square)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fvue-aplayer)\n[![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdt\u002Fvue-aplayer.svg?style=flat-square)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fvue-aplayer)\n[![devDependency Status](https:\u002F\u002Fimg.shields.io\u002Fdavid\u002Fdev\u002FSevenOutman\u002Fvue-aplayer.svg?style=flat-square)](https:\u002F\u002Fdavid-dm.org\u002FSevenOutman\u002Fvue-aplayer#info=devDependencies)\n\n[![Hubble](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fsince-2016-409eff.svg?style=flat-square)](https:\u002F\u002Fhubble.js.org\u002F#\u002F?owner=SevenOutman&repo=vue-aplayer&start)\n[![GitHub commit activity the past year](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fcommit-activity\u002Fy\u002FSevenOutman\u002Fvue-aplayer.svg?style=flat-square)](https:\u002F\u002Fgithub.com\u002FSevenOutman\u002Fvue-aplayer\u002Fcommits\u002Fdevelop)\n[![GitHub last commit](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flast-commit\u002FSevenOutman\u002Fvue-aplayer\u002Fdevelop.svg?style=flat-square)](https:\u002F\u002Fgithub.com\u002FSevenOutman\u002Fvue-aplayer\u002Fcommits\u002Fdevelop)\n[![Dependents on GitHub](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FDependents-200+-FF53A1.svg?style=flat-square)](https:\u002F\u002Fgithub.com\u002FSevenOutman\u002Fvue-aplayer\u002Fnetwork\u002Fdependents?dependent_type=REPOSITORY)\n[![Discord](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FDiscord-Join%20chat%20%E2%86%92-738bd7.svg?style=flat-square)](https:\u002F\u002Fdiscord.gg\u002Fe3SeMJE)\n\n![Screenshot](https:\u002F\u002Fi.loli.net\u002F2018\u002F05\u002F26\u002F5b0912ce2e250.png)\n\n\n### Features\n- Beautiful clean UI\n- Lyrics scroll\n- Playlist with repeat & shuffle controls\n- Custom theme color \u002F Self-adapting theme color\n- Drag and place anywhere\n- Mutex play\n- HLS support\n- **Easy props and API**\n- **Dependency free** and light-weight (gzipped 16KB)\n\nUsing Vue-APlayer in your project? [Let me know!](https:\u002F\u002Fgithub.com\u002FSevenOutman\u002Fvue-aplayer\u002Fissues\u002F26)\n\n\n## Usage\n\n```HTML\n\u003Caplayer autoplay\n  :music=\"{\n    title: 'secret base~君がくれたもの~',\n    artist: 'Silent Siren',\n    src: 'https:\u002F\u002Fmoeplayer.b0.upaiyun.com\u002Faplayer\u002Fsecretbase.mp3',\n    pic: 'https:\u002F\u002Fmoeplayer.b0.upaiyun.com\u002Faplayer\u002Fsecretbase.jpg'\n  }\"\n\u002F>\n```\n [**Full documentation**](https:\u002F\u002Fgithub.com\u002FSevenOutman\u002Fvue-aplayer\u002Fblob\u002Fdevelop\u002Fdocs\u002FREADME.md)\n\n [**中文文档**](https:\u002F\u002Fgithub.com\u002FSevenOutman\u002Fvue-aplayer\u002Fblob\u002Fdevelop\u002Fdocs\u002FREADME.zh-CN.md)\n\n\n## Changelog\n\nDetailed changes fro each release are documented in the [release notes](https:\u002F\u002Fgithub.com\u002FSevenOutman\u002Fvue-aplayer\u002Freleases).\n\n\n## Contribution\n\nFeel free to [open an issue](https:\u002F\u002Fgithub.com\u002FSevenOutman\u002Fvue-aplayer\u002Fissues) if you find a bug or have a nice idea.\n\n[PRs are welcome](https:\u002F\u002Fgithub.com\u002FSevenOutman\u002Fvue-aplayer\u002Fblob\u002Fmaster\u002Fdocs\u002FREADME.md#contribute).\n\n\n## The name\n\n- When referring to `Vue-APlayer`, the name should be written in exactly the same case.\n- When referring to its versions, either `Vue-APlayer@1.x` (GitHub) or `vue-aplayer@1.x` (npm) is fine.\n\n\n## Related projects\n\n- [APlayer](https:\u002F\u002Fgithub.com\u002FMoePlayer\u002FAPlayer): Prior art\n- [@moefe\u002Fvue-aplayer](https:\u002F\u002Fgithub.com\u002FMoePlayer\u002Fvue-aplayer): Another Vue implementation of APlayer by [@u3u](https:\u002F\u002Fgithub.com\u002Fu3u)\n\n\n## Thanks\n\n[@DIYgod](https:\u002F\u002Fgithub.com\u002FDIYgod), for creating APlayer and sharing cloud storage for hosting Vue-APlayer's demo page media resources.\n\n\n## License\n\nVue-APlayer is [MIT Licensed](https:\u002F\u002Fgithub.com\u002FSevenOutman\u002Fvue-aplayer\u002Fblob\u002Fmaster\u002FLICENSE). \n\nCopyright (c) 2016-present Shenghao \"Doma\" Lei\n\n","Vue-APlayer 是一个基于 Vue 2.x 的易用音乐播放器。它提供了美观简洁的用户界面、歌词滚动、播放列表控制（包括循环和随机播放）、自定义主题颜色以及拖拽放置等功能，并且支持HLS流媒体。此外，该项目无外部依赖，体积轻巧（压缩后仅16KB），易于集成到各类Vue项目中。特别适合需要在网页或应用内嵌入音频播放功能的场景，如个人博客、在线教育平台等。",2,"2026-06-11 03:20:24","top_language"]