Inspiration

The inspiration for the Artistic Symphony project stemmed from our team's desire to blend the emotional impact of music with the expressive power of visual art. We aimed to create a platform where music reviews aren't just read but are visually experienced through automatically generated images that capture the essence of the songs' reviews.

What it does

Artistic Symphony is a web-based application that uniquely combines music appreciation with visual art through AI-driven image generation. Here’s a breakdown of its core functionalities:

Spotify Integration: Users can log in with their Spotify accounts, allowing the application to access their "On Repeat" playlist. This integration personalizes the experience by connecting users directly with their frequently listened tracks.

Review-Based Image Generation: For each song in the user's playlist, Artistic Symphony uses existing reviews or generates new ones to serve as the basis for image creation. These reviews capture the essence and emotional tone of the songs.

AI-Powered Visuals: Leveraging Vertex AI, the application transforms the text reviews into compelling visual images. Each review is interpreted by the AI to create three unique images that visually represent the song's review, enhancing the user's emotional and aesthetic engagement with the music.

Interactive Gallery: The generated images are displayed in an interactive gallery on the application. Users can browse through these images and click on any image to reveal detailed information about the corresponding song, including its title, artist, and the original review used for the image generation. Responsive

Web Design: Artistic Symphony is designed to be responsive and user-friendly, ensuring a seamless experience across various devices and screen sizes.

In essence, Artistic Symphony bridges the gap between auditory and visual art forms, offering a novel way to experience music through personalized, AI-generated artwork. This innovative approach not only enhances music appreciation but also introduces users to the potential of AI in creative and artistic expressions.

How we built it

The project was built using a combination of Python, Flask, SQLite, and various APIs. Here's a breakdown of the main components:

  1. Flask Application: Serves as the backbone of the project, handling web requests, routing, and server-side logic.
  2. Vertex AI: Used for generating images based on text prompts derived from music reviews.
  3. Spotify Integration: Through Spotipy, the application authenticates users and fetches their "On Repeat" playlist to personalize the experience.
  4. SQLite Database: Stores song information and reviews, which are used to generate prompts for image generation.

Challenges we ran into

Several challenges emerged during the development of Artistic Symphony: API Limitations: Initially, handling rate limits and understanding the constraints of the Vertex AI and Spotify APIs was challenging.

Image Generation Quality: Tuning the prompts and parameters for image generation to produce relevant and aesthetically pleasing results required numerous iterations.

User Authentication: Implementing OAuth2 for Spotify was complex due to the intricacies of web authentication flows.

Data Synchronization: Ensuring that the data fetched from Spotify was correctly synchronized with the local database to maintain consistency posed some difficulties.

Accomplishments that we're proud of

Successful Integration of Technologies: We successfully integrated multiple complex technologies, including Flask, Vertex AI, Spotipy, and SQLite. This integration allowed us to create a seamless and interactive user experience.

Dynamic Image Generation: We are particularly proud of implementing dynamic image generation based on music reviews. This feature not only showcases the power of AI but also enhances the user experience by providing a visual representation of the music's emotional impact.

Robust User Authentication: Implementing a robust OAuth2 authentication system for Spotify users was a significant achievement, allowing users to securely log in and access personalized content.

Responsive Web Design: We managed to design a user-friendly and responsive web interface that works well across different devices and screen sizes, making our application accessible to a wider audience.

What we learned

Throughout the development of Artistic Symphony, we deepened our understanding of several technologies and concepts:

Flask: Building a web application using Flask allowed us to understand the intricacies of web development, including routing, templates, and server-side logic.

Vertex AI: Integrating Google's Vertex AI for image generation taught us about AI model integration and handling API responses.

Spotipy: Utilizing the Spotipy library to interact with Spotify's API helped us learn how to authenticate and fetch data from external music services.

SQLite: Managing a SQLite database for storing song data and reviews sharpened our skills in SQL and database management.

What's next for Artistic Symphony

Expanding Music Sources: While currently integrated with Spotify, we plan to expand our application to include other music streaming platforms like Apple Music and YouTube Music, broadening our user base.

Enhanced Image Customization: We aim to provide users with options to customize the image generation process, such as adjusting the style, color scheme, and elements depicted in the images.

Community Features: Introducing community features where users can share and discuss the generated images and their music interpretations could foster a community around our application.

Built With

Share this project:

Updates