A Mobile Music App That Supports Multi-platform Music Playback and Search

A Mobile Music App That Supports Multi-platform Music Playback and Search

A mobile music app that supports multi-platform music playback and search. The current version already supports NetEase Cloud Music, QQ Music, and Xiami Music

Listen1 Mobile V0.8.0

Introduction

A mobile music app that supports multi-platform music playback and search. The current version already supports NetEase Cloud Music, QQ Music, and Xiami Music. There are also rich playlist management functions. Use React Native to develop, open source and free based on MIT agreement.

Support iOS and Android platforms

imgur

characteristic

  • One App to play music on multiple platforms
  • Search multi-platform music
  • Browse and play multi-platform playlist
  • Collect music to self-built playlist
  • Night mode
  • Backup, restore (support Listen1 chrome extensionimporting data)

installation

iOS

iOS only supports compilation and installation. After connecting to the iPhone, developers who have a developer certificate should replace the certificate in the project file with their own certificate, and then execute the command to install.

Andriod

Download the apk to install, please visit the project release page for the apk download address

Compile

Development environment

  • Java 8 JDK (newer versions need to update the default gradle version)
  • Nodejs 8 (version>12.10.0 may encounter a startup failure caused by a bug about regular expressions in metro)
  • Android Studio (Android SDK version v28)

Compilation steps

  • Clone or download the project code
  • yarn Installation dependencies
  • yarn run link Link React Native's dependency library
  • yarn start:ios The project will be run on the iOS simulator
  • yarn start:android The project will be run on a real Android device or an emulator (depending on whether the phone is connected)

Apk packaging

   cd .\android\
   ./gradlew assembleRelease
   react-native run-android --variant=release

More detailed packaging information (including keystone generation)

https://reactnative.cn/docs/signed-apk-android

Basic code structure

  • api: Music platform related resource API
  • asset: resources such as pictures
  • components: reusable components
  • views: business-related screen components
  • modules: custom function library used by components
  • redux: action and reducer functions required by redux

Thanks

  • git-point : GitHub's RN client, providing structural support for the development environment of this project.
  • Binaryify/NeteaseCloudMusicApi : Netease API, reference part of the network protocol code.
  • yezihaohao/NeteaseCloudMusic : Netease Music RN terminal, refer to the RN navigation and play part of the library code implementation.
  • soimort/you-get : Music download command line, refer to the agreement and legal statement (below).

In the development process, there are many open source software that provide solutions to various problems. Please refer to the code comments for details. The reasons for the length are not listed one by one. Thank you developers in the open source community.

Update log

2020-10-31

  • Fix the bug that NetEase Cloud Playlist has only 10 songs (thanks to @eatenid for submission)
  • Fix the bug that there are only 30 songs in Xiamiyun music playlist
  • Optimize the display of long song names or titles
  • Optimize the pop-up window performance of the lower playback control bar
  • Fixed a bug that caused a crash when clicking the pause button
  • Support GitHub action online packaging

2019-11-27

  • Fix the bug that QQ music cannot be accessed due to user-agent

2019-08-09

  • Fix the bug that NetEase Cloud Music cannot be accessed

2019-07-31

  • Initial Release

This software is distributed under the MIT license

In particular, please be aware that

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Translated to human words:

In case your use of the software forms the basis of copyright infringement, or you use the software for any other illegal purposes, the authors cannot take any responsibility for you.

We only ship the code here, and how you are going to use it is left to your own discretion.

Download Details:

Author: listen1

Demo: https://listen1.github.io/listen1/

Source Code: https://github.com/listen1/listen1_mobile

react-native react mobile-apps

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

How native is React Native? | React Native vs Native App Development

Article covers: How native is react native?, React Native vs (Ionic, Cordova), Similarities and difference between React Native and Native App Development.

React Native Mobile App Development

Skenix is providing React Native Development Services with qualified React Native App Developers. Get the best React Native App Development Services.

How React Native Is Shaping Mobile App Development

Are you a mobile app developer looking for more efficient tools for your projects? Mobile app development is getting tougher and tougher as the market continues to grow. As a developer, you need to develop Apps which meet the demands of your users. To achieve this, adopt the right tools, like the React Native development framework.

Top React Native Mobile App Development Companies in USA

Looking for top React Native mobile app development company in USA for Startups & Enterprise? Find out the top list of React Native mobile app development company in USA.

Which is the best React Native app development company in New York?

Hire top react native app development company in New York to build and develop custom react native mobile apps for Android & iOS with the latest features.