apple 兑换代码使用_用VueJS制作的Apple Music Web Player

apple 兑换代码使用

Vusic (Vusic)

Made with Vue, Vuex , Vue Router, (Styled with SASS). Powered by Genius, Youtube and Apple MusicKitJS SDK

用Vue,Vuex,Vue路由器制成(用SASS样式)。 由Genius,Youtube和Apple MusicKitJS SDK提供支持

特征 (Features)

图书馆 (Library)

  • View all songs, albums, playlists in your library.

    查看您的媒体库中的所有歌曲,专辑,播放列表。

  • Add songs to your Library.

    将歌曲添加到您的音乐库。

  • Search you library.

    搜索您的图书馆。

苹果音乐 (Apple Music)

  • Browse currently popular songs.

    浏览当前流行的歌曲。

  • Search Apple Music catalog.

    搜索Apple Music目录。

  • Show recommendations by Apple (For You)

    显示Apple的推荐(适合您)

  • Browse Recently played , added and most frequently played items (heavy rotation)

    浏览最近播放,添加和最常播放的项目(大量旋转)

  • like or dislike (rate) a song

    喜欢或不喜欢(评价)一首歌

其他特性 (Other features)

  • Show music video for currently playing song (youtube)

    显示当前播放歌曲的音乐视频(youtube)

  • Show lyrics for currently playing song

    显示当前正在播放的歌曲的歌词

屏幕截图 (Screenshots)

专辑检视 (Album View)

Vusic3

图书馆艺术家 (Library Artists)

Vusicds

播放清单检视 (Playlist View)

Vusicds-1

音乐录影带和歌词 (Music Video and Lyrics)

Vusicd

图书馆播放清单 (Library Playlists)

Vusics

选项菜单 (Options Menu)

Vusicv

排队项目 (Queue Items)

Vusic

如何建造 (How to Build)

Rename apiKeys.example.js to apiKeys.js and add all the necessary api keys

apiKeys.example.js重命名为apiKeys.js并添加所有必需的api密钥

api键示例 (Api keys example)

const keys = {
  appleMusic: {
    developerToken: 'Apple MusicKitJS API Key Goes Here',
    name: 'Vusic',
    build: 'ver1',
    version: 'ver1',
  },
  geniusAccessToken: 'Genius Access Token Goes Here',
  youtubeApiKey: 'Youtube Api Key Goes Here',
};

项目设置 (Project setup)

npm install

编译和热重装以进行开发 (Compiles and hot-reloads for development)

npm run serve

编译并最小化生产 (Compiles and minifies for production)

npm run build

整理和修复文件 (Lints and fixes files)

npm run lint

翻译自: https://vuejsexamples.com/apple-music-web-player-made-with-vuejs/

apple 兑换代码使用

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值