Today, with the rapid development of science and technology, artificial intelligence products are emerging one after another, among which artificial intelligence music players are gradually entering the public eye. Today, we will take a closer look at Mary Disco, China’s first open source AI music player, and uncover the mystery behind it.
The author of "Mary Disco" is a well-known boss in China. He once served as a senior development engineer at WeChat and has made great achievements in the field of AI. He has developed a number of AI products, such as the SYNCHYAI search engine, which is comparable to confusion. Its strength cannot be underestimated. And this boss is very willing to share. Not only did he open source the Mary Disco AI music player, he also published its technical details on social media so that more developers and enthusiasts can get a closer look.
During the development process of Mary Disco, many currently popular cutting-edge programming technologies were used. -Integrated front-end and back-end development framework : Using Nest js, it provides an efficient and convenient architectural foundation for the front-end and back-end collaborative development of the entire project, making the development process smoother and the connections between the modules closer. . -The use of popular elements : such as TVatom, CSS and the popular sh headless components on the front end. The integration of these elements makes the player more modern and professional in interface presentation and interactive experience. gender. -Convenient login and database integration : Integrate Google's quick login function to facilitate users' quick access. At the same time, it also supports multiple languages and is integrated with supervisor's cloud database to provide strong support for data storage and management. In addition, it integrates Strap’s online payment capabilities, expanding the player’s possibilities for commercial applications.
Want to experience this technologically advanced AI music player project for yourself? Below I will introduce its operation steps in detail, let’s take a look! 1. Download the project source code : First copy the get clo command (this should be git clone, the original text may be a speech recognition error) and paste it into the command line, and then run it to download the project source code. 2. Enter the project and install the dependencies : After the source code is successfully downloaded, copy the cd command to enter the project, and then copy the pm pm install command (the correct one should be npm install) to install the project's dependencies. After installing the dependencies, you can proceed to the next step. 3. Initialize the database : The author gives us three options here. The first is a local postcard (probably local postgres, or it may be a recognition error), that is, installing the POSTL database locally on the computer (this should be a PostgreSQL database); the second is the metadata database added using VERS (probably the expression is incorrect, not Be clear about what you are referring to); the third is to use the metadata database added by superbase. We choose the third option and follow these steps: Click in, click Start your project, then click New Organization, fill in the organization name, and click Create Organization. After the creation is completed, fill in the database password and click Create Database. After waiting for the database to be created successfully, enter the table editing tab on the left (where the table is located). At this time, because the table has not been created yet, it is empty. Go to the circle edit tab (where the SQL statement is executed), copy the SQL statement that initializes the database to the data-factorcircle file (presumably the data.sql file) in the project's data folder, and click run. If you find an error, such as this error on line 65, check carefully and you will find that there is a missing semicolon. Add it and click Run again. After the operation is successful, you will see that all tables have been created successfully. 4. Create an environment variable file : Return to the source code document. The fourth step is to create the .env.local file. Create the file in the project root directory and copy and paste the appropriate file contents into it. The U2L of postcode in this file (probably the URL of postgres, the original statement is incorrect) is the URL to connect to the database. Return to the cloud database in the super base, click the Home tab, then click the green connect button, and copy and paste the URL to connect to the database into the code. The u password here is actually the password of the database you just created. 5. Start the project : Now that everything is ready, the fifth step is to execute the npm run dev command (the expression in the original material may not be accurate) to start the project. Copy the command to the command line and execute it. The project will start successfully, only on port 8023. You can see the project interface, but no music yet.
So where does the music come from? After some exploration, I found that the author was synchronizing the AI music in Sunuo AI. Each piece of music data has NP4 video (presumably MP4 video, speech recognition error), mp3 music and the lyrics behind it. We return to the table editing tab of the original Superbase database, select the table sans that stores music (it is not clear what sans refers to here, it may be the specific table name), and then click the tone button above (probably to insert the relevant Function button (the expression may not be accurate), insert a piece of music Return to the code, copy a piece of music data, copy each item, click Add, you will see that the addition is successful. When the project refreshes the page, AI music will appear. Click play to start enjoying the AI music. A wonderful experience, and the global AI music playback component is also designed to be very interesting.
Interested students may wish to download the code and explore on their own. If you want to learn more cutting-edge programming knowledge, remember to click "Follow" and see you in the next issue!
I hope this article will give you a deeper understanding of Mary Disco AI Music Player. You are also welcome to share your feelings and thoughts in the comment area. Let’s discuss it together!
Share on Twitter Share on Facebook
Comments
There are currently no comments