Media folder option

The media folder is where Blockly looks for assets like sounds (e.g. the delete sound effect) and images (e.g. the trash can). By default, these assets are downloaded from https://blockly-demo.appspot.com/static/media/.

If you want to customize any of these assets, such as using a different sound, you need to:

Download all of Blockly's assets from GitHub and place them in your own media folder.
Replace any assets you want to customize.
Set the media property in the injection options to the URL of your media folder. This can be an absolute URL or a path relative to the current file.
Deploy your media folder and all of its assets along with the rest of your application.

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.

Last updated 2025-03-20 UTC.