Javascript Design Patterns Streaming Service Project

Design for a Music Streaming Service Project

Use the Strategy pattern to handle various music formats, such as Mp3 and Wav.
Implement the Observer pattern to monitor the music playback status.
Define a Subject interface to update the Ui whenever there are any changes. Apply the Factory pattern to create objects required for music playback. For example, when playing Mp3 format music, create an Mp3 Decoder object, and for Wav format music, create a WavDecoder object.
Utilize the Composite pattern to structure music playlists. Use the Facade pattern to determine whether the user is a member or not.

I'm not sure if this design I came up with is accurate. I'm a beginner and currently studying, but I don't know the proper usage of design patterns or the correct order to apply them. Could you show me a simple UML diagram or help me improve the part I designed? Also, please guide me on the appropriate sequence for using design patterns.

If the design I came up with is strange, you can provide a new design as well. Please leave multiple feedback.

---

I felt like I used multiple patterns, but I had the sense of designing in order to use design patterns, and I'm not sure about the design for the music streaming service.