Learning Timeline
Key Insights
The Importance of 'Extra High' Settings
Selecting the 'Extra High' setting before clicking 'Generate' is critical for creative tasks like music composition. This gives the AI more 'compute time' to produce song structures that are more harmonious and complex compared to standard settings.
Advantages of GPT 5.4 vs Other Models
While models like Gemini 3.1 exist, using the right prompts with GPT 5.4 can produce a fully functional web application (functional HTML) in just one or two attempts.
Prompts
Piano Roll Interface & Music Generation
Target:
GPT 5.4
Make a piano roll interface where I can drag and drop notes on the timeline. Add play, pause, and other settings. Compose a complex classical music piece for this interface.
Step by Step
Building a Piano Roll Interface and Music Composition
- Launch the GPT 5.4 platform and click the 'New Project' button to start a new session.
- Enter the instruction prompt for building the piano roll interface into the input box (refer to the Prompt Card).
- Locate the generation settings menu and select 'Extra High' mode to ensure the highest quality code and complex composition.
- Click the 'Generate' button and wait for the AI to finish producing the HTML code structure.
- Copy the generated HTML code and save it into a new file with the '.html' extension.
- Open your 'Music' folder or the location where you saved the file, and double-click the HTML file to open it in a web browser.
- Use the 'Play' button on the piano roll interface that appears to listen to the automatically generated classical music composition.