Feel free to assign over me to @jstarry

Thanks a bunch for looking into this as I too am having the same challenge.

Thanks a bunch for looking into this as I too am having the same challenge.

You got it! I'm almost finished. Should see a PR from me in the coming week.

Would this also show the image on the explorer, or just point to where that image can be seen?

Would this also show the image on the explorer, or just point to where that image can be seen?

Both. It'll show the NFT asset (animation [if we can], video, image, etc) and provide an "original link" to the asset itself.

Would this also show the image on the explorer, or just point to where that image can be seen?

Both. It'll show the NFT asset (animation, video, image, etc) and provide an "original link" to the asset itself.

As of right now, the Metaplex standard doesn't explicitly name HTML files as supported via the animation_url field. However, they have publicly stated in the past how they would like to implement something like this in the future, and that their animation_url parameter is what would enable this. If an HTML file is provided in the animation_url field, how feasible would it be to display this in an iframe (using proper sandboxing of course). And if this isn't something that would be implemented, would the explorer fallback to the image field, or just break entirely? I'm currently trying to implement support for HTML files into the Metaplex storefront frontend and I'd be interested in whether or not something like this could be done with the official explorer as well.

As a matter of fact, I just created a new PR that implements what I was referring to with Metaplex. metaplex-foundation/metaplex#395

Awesome, thanks @stegaBOB! I'll take a look later tonight. Once it gets pulled in I will be sure to leverage it in the Explorer.

This week has been pretty chaotic but I found some free time to make some more progress today. Doing some cleanup and playing with animations (thanks @stegaBOB). Should have a PR out this week.

Would love some ideas/feedback on styling and content.

This week has been pretty chaotic but I found some free time to make some more progress today. Doing some cleanup and playing with animations (thanks @stegaBOB). Should have a PR out this week.

Looks great already! Looking forward to seeing what you have baking in the oven :). NFT metadata on the explorer has definitely been a much needed feature! Glad to see it being added.

How does Phantom fetch NFT's metadata from Solana blockchain?

How to make NFT metadata info display on the explorer? like the above.

@stegaBOB @roederw

For the standard implementation of NFTs on Solana, there is a program that stores some on chain data, including a URI. In roederw’s code, along with Metaplex’s implementation, it would read that program from the blockchain and decode it into a readable format, and then it would retrieve the data (be it on-chain data or from the URI) to be displayed on the Solana explorer. You can read about the metadata standard here: https://docs.metaplex.com/nft-standard#huge-thanks-to-solflare-for-putting-this-together. As of now, while my HTML animation implementation was merged, it is not yet reflected in those docs.

@stegaBOB , thank you very much, I tried the mint address '7C4cjqUxd38cGsemdxjyNcTxfdFeh1CCMELy4ih5ckYg' in the screenshot on the explorer, but didn't see the metadata info, neither devnet nor mainnet. I guess these two networks are not really updated yet. No matter what I tuned on creating metadata using Metaplex, the metadata just doesn't show up like the screenshot.

You mean Phantom fetch the metadata by talking to the metaplex program 'metaqbxxUerdq28cj1RbAWkYQm3ybzjb6a8bt518x1s', right?

Regardless of where you look, you won't see complete metadata. You would have to decode it first. I reccomend looking into the documentation for the metaplex spec. It's listed in the proposed solutions in the initial issue.

@stegaBOB , Using Metaplex to create metadata, the metadata info can show up in the Phantom wallet very well, I'm just curious how this wallet fectches these metadata? When the Phantom wallet is opened, it should only know my wallet address, how does this Phantom wallet fetch all the NFTs metadata by taking my wallet address as the starting point?

My guesses:
A: It does it all from the chain.
B: It is using some off-chain storage.

But, none of them I really figured out, by looking into the contract program or trying on all kinds of relations between addresses

I don’t really think this is the place to have this discussion? Not really relevant to the issue. If you want to know more, I suggest reading this: https://spl.solana.com/token. Solana is a lot different from Ethereum in how data is stored and how contracts/programs are run.

@stegaBOB , Using Metaplex to create metadata, the metadata info can show up in the Phantom wallet very well, I'm just curious how this wallet fectches these metadata? When the Phantom wallet is opened, it should only know my wallet address, how does this Phantom wallet fetch all the NFTs metadata by taking my wallet address as the starting point?

My guesses:
A: It does it all from the chain.
B: It is using some off-chain storage.

But, none of them I really figured out, by looking into the contract program or trying on all kinds of relations between addresses

Redirect these questions to the Metaplex Discord channel . Lets keep things on topic, please.

I have a pull request out now: #20009