Venly API
Search…
⌃K

Animation & Media

Adding Video and Audio to the mix
NFT can be enriched by adding video or audio content. This allows NFT services to take advantage of this enriched media content, and for the creator it allows them to share more information about the content and value of the NFT.
Example of an NFT that is enriched with an audio file

animationUrls

Audio and video can be added to an NFT by configuring the animationUrls[] attribute. The attribute is a key/value array where the key defines the type of media that is added. The value is the location where the media can be found. The following keys are currently supported:
  • image
  • audio
  • video
Based on the key, the following media format are supported by Arkane.
  • image: gif / png / jpg / jpeg / bmp / webp / svg
  • audio: mp3 / wav / oga
  • video: mp4 / webm / m4v / ogv / ogm / ogg
Since the animationUrls[] is an array it is possible to add more than one piece of media to an NFT.
"animationUrls" : [
{"type": "video", "value" : "http://img.venly.network/chuck_trailer.mp4"},
{"type": "audio", "value" : "http://img.venly.network/chuck_soundtrack.mp3"}
]
Example of an NFT that is enriched with a video file

Data Structure

Signature

"animationUrls" : [
{
"type": "image",
"value" : string
},
{
"type": "video",
"value" : string
},
{
"type": "audio",
"value" : string
}
],

Example

"animationUrls" : [
{
"type": "image",
"value" : "https//img.arkane.network/nft.jpg"
},
{
"type": "video",
"value" : "https//video.arkane.network/nft.mp4"
},
{
"type": "audio",
"value" : "https//audio.arkane.network/nft.mp3"
}
],

Compatibility

In order to be compatible with the NFT standards on the market, in terms of animation, our system takes the above JSON structure and transforms it into a JSON that is compatible with the following animation standards:
This results in an easy-to-use property structure, which provides consistency and compatibility with any NFT service on the market, such as wallets, marketplaces,...
Please note that most NFT service can only handle one animationUrl, therefore it is recommended to put the most important media as the first element in the animationUrls array.