Media Folder




What goes in the Media Folder?


The Media Folder is where static assets are stored.

These assets are part of the payload of the app meaning they will be installed along with the app itself.



In contrast, the Connect tab is where you will set up :

  1. data feeds (RSS, XML, JSON..) which will power you app.
  2. Cloud Collection a Cloud Based CMS where you can build your own data feed is also accessible from the Connect tab.



Static Assets

Static assets stored in the media folder can be of many kinds:

  • Images
    • For Background, Button, Branding, ...
  • Sound
    • Sound effect for UI interaction like Button, swipe etc,,
    • Intro Music, 
  • Video
    • Starting Video
    • Video effects
  • JavaScript
    • Javascript can be stored in the Media Folder and executed by the app.

 

Accessing Media Folder

 


The Media Folder is specific to each app, it's located in the App Navigation Panel. 



In the Media Folder you can

  • Upload new assets
  • Replace asset which are already in use
  • Delete unused assets

 

To import an asset select the '+Click or Drag/Drop' or simply drop a file in the folder.

 

Delete Asset
You can delete an asset only if it is not being used in the app.

If the asset is being used in the app then you'll not be able to delete the asset. 


Replace Asset
You can replace a asset which in already in use by an new asset.


High Resolution Images

You can select image density in the 'High Res" (High Resolution) column.

Select 1X or 2X or 3X.


It describes how many pixels there are per point for this image. Height and width both have to be divisible by 2 to select 2x, and both must be divisible by 3 to select 3x. We recommend using 3x assets when possible, as they will look the best on the most devices. For more information on pixels and points see Managing Multiple Screen Sizes in the Support Center


Not using this checkbox can cause low resolution images in HD and Retina displays.


Access by Name

Using "Access by Name" will allow you to access the asset by using the filename in Blocks such as the HTML Block, Audio Player and Video Player. So for example if the image is called image.jpg then in the HTML block you could use that filename in the HTML. Example: <img source="image.jpg">. Another example: In the Audio Block where it says "Source" put the full filename. 






Learn More

- Connecting a Data source (RSS, XML, JSON, ...)

- EachScape Cloud Collection