https://github.com/syhily/astro-netease-player
A netease music plugin for adding a player to your astro website
https://github.com/syhily/astro-netease-player
aplayer astro netease withastro
Last synced: 2 months ago
JSON representation
A netease music plugin for adding a player to your astro website
- Host: GitHub
- URL: https://github.com/syhily/astro-netease-player
- Owner: syhily
- License: mit
- Created: 2025-01-08T02:59:18.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-01-08T10:01:58.000Z (4 months ago)
- Last Synced: 2025-01-15T21:09:40.016Z (4 months ago)
- Topics: aplayer, astro, netease, withastro
- Language: TypeScript
- Homepage:
- Size: 85.9 KB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Astro Netease Player
A netease music plugin for adding a player to your astro website.
This plugin is based on the [aplayer-ts](https://github.com/liuly0322/aplayer-ts) instead of the aplayer plugin for better tree shaking.
## Install
```bash
# Use npm
npm install -D astro-netease-player
# Use pnpm
pnpm add -D astro-netease-player
# Use yarn
yarn add -D astro-netease-player
```
## Usage
### Use in MDX file
Open any MDX file and insert the `` tag.
The `1331313370` can be changed to the music id you like from the Netease music.
Go the the MDX render logic in your Astro post file. Modify the astro file as the sample shown below.
```
---
import MusicPlayer from 'astro-netease-player/MusicPlayer.astro';
const { Content, headings } = await post.render();
---
```
### Use in Astro component
Simply import the `astro-netease-player/MusicPlayer.astro` and use it as an Astro tag.