World of Warcraft - Intro Re-Scoring (Original Music by Mendi Murillo)
Rescore of an the intro scene of the "World of Warcraft" game, where I replaced the original soundtrack with my own composition to explore a new emotional direction.
🎧 What I focused on:
Emotional and Epic storytelling through music
Synchronization with visuals and narrative
Cinematic orchestration and sound design
🎼 About the music:
This score emphasizes in different emotions such as tension, peace, fear and rage, using Orchestral instruments to reshape the scene’s impact.
💡 Why rescore scenes?
Because music can completely transform how a story is perceived.
Meet MUXSCAPE, my entry for the Video.js Skins Design Challenge.
I wanted to explore a different approach to video playback, something that feels more like a cinematic experience than a traditional video player.
Built on the Video.js v10 Scaffold skin, MUXSCAPE features adaptive ambient lighting inspired by movie posters, floating frosted glass controls, contextual menus, and a responsive layout.
It supports both YouTube trailers and Mux hosted movies, with accessibility and performance being an important part of the experience.
This was a fun opportunity to experiment with spatial UI, glassmorphism, and cinematic interactions while pushing the possibilities of Video.js.
Had a little idea for presenting content differently. Something about the contrast between crumpled paper textures and polished metallic elements felt worth exploring. Ended up really liking how this came together.
Meniscus is a liquid glass skin for Video.js v10. A meniscus is the curved surface of a liquid, and the whole player is designed as one.
The ripple. When you press play, one soft ripple runs through the video picture itself.
The glass. The controls are frosted glass tiles. They pick up colour from the film, so the player changes with every scene.
The drops. Back 10 s, Play and Forward 10 s are three glass drops joined by liquid. The playhead is a drop too, and it squashes as you drag it.
The sound. Each control makes a soft glass sound, created in the browser. It follows the player’s volume, goes quiet on mute, and can be turned off in Settings.
For everyone. Every button works with the keyboard and shows a clear focus ring. On a phone, the controls move into two rows and the menus use the whole screen. If your device asks for reduced motion or reduced transparency, the ripple stops and the glass becomes solid.
The film streams from Mux in every size from 360p to 4K. The demo clip and its music are only there to show the player. They are not part of the skin and are not covered by its licence.