Support showing/playing video and music Stacks NFTs

[DeeList]

Currently, Leather doesn’t preview or display Stacks NFTs with video or music. Instead, a placeholder appears. Users must use marketplaces like stacks.gamma.io as a workaround to view them.

Example of an audio/video Stacks NFT that does not display: No. 1 Smiley ,,, Contract

[linear]

LEA-1837 Support showing/playing video and music Stacks NFTs

[314159265359879]

We already display video files when they are ordinal inscriptions. I assume we can also do it for Stacks NFT's. Such as the werner.btc 10000's album.

Gated.so is offering .wav files and song art for their album songs. Does that require additional and a custom change to support that?

[pete-watters]

Upon investigating, we show Image not available as there is no image in the metadata:
metadata.cached_image

We may need to work with the IPFS json file thats part of the parent nft

[pete-watters]

@314159265359879 and I were working on this and were unfortunately unable to load the token_uri json file. We have made a UI update to show the metadata information we do have available for these NFTs however more work is needed to correctly load them.

Testing in gamma and we can see and play these videos and gamma uses an mp4 src from their own servers. https://images.gamma.io/ipfs/Qmeoq41WHS4Xfjz1CvwfqorF61FenANFufzFKried6xy87/10.mp4

Some further investigation is needed to determine why we aren't getting this data in the wallet