Giter Club home page Giter Club logo

netease-cloud-music-tv-rn's Introduction

网易云 TV 版本

基于 React Native 开发的(仿)网易云音乐(大屏 TV 版本)。

预览

首页预览  播放器预览  歌曲列表

TODO

  • 登录/登出
  • 私人 FM
  • 推荐歌单
  • 排行榜
  • 我的喜欢/收藏的歌单
  • 热门歌单
  • 喜欢/不喜欢歌曲
  • 单曲/随机/列表循环
  • 歌词
  • 收藏/取消收藏歌单
  • 热门电台/电台播放
  • 我的专辑
  • 我的订阅电台

运行项目

  1. 请自行部署接口服务端
  2. 克隆项目 git clone https://github.com/rojer95/netease-cloud-music-tv-rn.git
  3. 安装依赖 cd netease-cloud-music-tv-rn && yarn install
  4. 运行 yarn android

使用的第三方库

  • @rojer/react-native-lrc (LRC 歌词)
  • react-native-image-sequence (帧动画)
  • react-native-linear-gradient (渐变色)
  • react-native-navigation (导航解决方案)
  • react-native-qrcode-svg (二维码生成)
  • react-native-svg (二维码依赖 SVG)
  • react-native-track-player (音乐播放)

Android TV 支持情况

  • 为了能够在智能电视(Android)上获取焦点,对 React Native 的TouchableOpacity进行封装,主要处理onFocusonBlur事件,给可点击组建加上阴影与边框
  • 本项目未适配苹果的tvOS,请勿在tvOS中使用

声明

  • 本项目仅用于学习,请勿用于任何非法或商业用途,谢谢!
  • 未进行大量测试,可能存在 BUG

关于 API 端

Fork 自 Binaryify 的 API,添加了歌曲动态的 URL 获取方法【点击这里查看

netease-cloud-music-tv-rn's People

Contributors

rojer95 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.