NFTs animate not displaying on opensea

Technical Issue Reporting
#21

At a first look it looks like you didnā€™t set an url in constructor.

#22

thanks for quick reply. thats my url:
constructor() ERC1155(ā€œhttps://8wyahaxligjv.usemoralis.com/{id}.jsonā€) {
_mint(msg.sender, ARTWORK, 1, ā€œā€);
_mint(msg.sender, PHOTO, 2, ā€œā€);

}
#23

@cryptokid sorry sent you the wrong contract:

https://rinkeby.etherscan.io/tx/0x9359a39b737da8358af5e960b6b88fe2713814ba99b685890c8e5afe2ea273a7

#24

https://testnets.opensea.io/collection/unidentified-contract-cazxfs7zcc

#25

somehow it looks like this contract didnā€™t have the url set either, I donā€™t see that url in the contract code and contract.uri(0) doesnā€™t return an url either.

#26 
pragma solidity ^0.8.0;


//import ERC115 token contract form Openzeppelin

import "https://github.com/OpenZeppelin/openzeppelin-contracts/blob/master/contracts/token/ERC1155/ERC1155.sol";
import "https://github.com/OpenZeppelin/openzeppelin-contracts/blob/master/contracts/access/Ownable.sol";


contract NFTContract is ERC1155, Ownable {
    
    uint256 public constant ARTWORK = 0;
    uint256 public constant PHOTO = 1;
    
    constructor() ERC1155("https://8wyahaxligjv.usemoralis.com/{id}.json") {
        _mint(msg.sender, ARTWORK, 1, "");
        _mint(msg.sender, PHOTO, 2, "");
        
    }
    
    function mint(address account,uint256 id,uint256 amount) public onlyOwner {
        _mint(account, id, amount, "");
    }
    
    function burn(address account,uint256 id,uint256 amount) public {
        require(msg.sender == account);
        _burn(account, id, amount);
    }
    
}
#27

mhh thatā€™s very odd. that is my solidity contract. do you see anything missing?

#28

ok i havenā€™t use the default working space as in the tutorial in remix -ethereum. let me re try

#29

Iā€™m having an issue getting the animation_url to show too:
https://testnets.opensea.io/assets/0x14cccd1c1d974e98a1fde18035ed10bc1b367a45/25

animation_url points to:
http://star.cjohn.design/

#30

I donā€™t know what you mean by animation_url

#31

Hey hassadem, Iā€™ve been trying to upload an mp4 file as NFT on pinata as well. But opensea doesnā€™t show. How did you do it?

1 Like
#32

@cky Im currently having the same issue uploading .gif files as NFTs. They are saved on Pinata along with the metadata for each of them, yet after i mint them, They do not load into testnets.opensea. Anybody have any information on the correct formated metadata for animated NFTs so that Opensea can correctly read the metadata?

#33

Make sure youā€™re following the standard outlined here: https://docs.opensea.io/docs/metadata-standards

As long as your image name is pointing to a valid image or gif, it should be fine.

If your format is fine, post your metadata, OpenSea link, etc.

#34

So a little more information, I have yet to deploy it onto the main polygon network and have only deployed it onto the polygon testnet/Mumbai. I have tried using both ā€œanimation_uriā€ and ā€œimageā€ for the ipfs link but neither will pull any of the metadata and it just stays how it is currently in the link below. Not sure why with my png files it worked like a charm but with the gif files nothing will load.

The link to the Opensea testnets NFT is: https://testnets.opensea.io/assets/mumbai/0xa8f8dd0f26d9a76b8fbcf8b15abc8e64c504d806/1

The Metadata for the NFT is:

{
ā€œnameā€: ā€œBlink-182ā€,
ā€œdescriptionā€: ā€œOwn a Psychedelic Star on the Polygon Blockchain. Artwork created by SickaDelic.ā€,
ā€œanimation_uriā€: ā€œipfs://QmfMWUGNXNaXQixwMMyLEjjA7EfSJhbRxmA989g8YwZZ1c/Blink-182.gifā€,
ā€œeditionā€: ā€œ1ā€,
ā€œartistā€: ā€œSickaDelicā€,
ā€œattributesā€: [
{
ā€œtrait_typeā€: ā€œTitleā€,
ā€œvalueā€: ā€œBandā€
}
]
}

#35

So that IPFS link works directly which is good, and itā€™s not a size issue.

animation_uri should be animation_url; but a gif needs to be using image anyway according to the docs.

Can you try this metadata?

{
   "name":"Blink-182",
   "description":"Own a Psychedelic Star on the Polygon Blockchain. Artwork created by SickaDelic.",
   "image":"ipfs://QmfMWUGNXNaXQixwMMyLEjjA7EfSJhbRxmA989g8YwZZ1c/Blink-182.gif",
   "edition":"1",
   "artist":"SickaDelic",
   "attributes":[
      {
         "trait_type":"Title",
         "value":"Band"
      }
   ]
}
#36

So I changed the metadata to ā€œimageā€ and deployed it onto Mumbai. Here is the link to the opensea testnets. This was originally how i had the metadata set up and was having the same issue.