oasisprotocol / oasisprotocol/explorer

[Feature]: Video NFT previews

Open
#1,400 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

feature
Dominant language
TypeScript
Stars
13
Forks
13
Avg merge
58m
Merged PRs (30d)
2

Description

Is there an existing issue for this?
  • I have searched the existing issues
SUMMARY

Viewing NFT images on Oasis Explorer is amazing, but it only supports images. Videos (e.g. mp4 files) are becoming used more frequently but no preview is shown

DESCRIPTION

If we look at this example NFT:

It shows 'No preview available'.

This is because the frontend will only show previews for images, this is implemented at:

https://github.com/oasisprotocol/explorer/blob/08e3a08c947d695173290af552d0201263927765/src/app/pages/NFTInstanceDashboardPage/InstanceImageCard.tsx#L104

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with src/app/pages/NFTInstanceDashboardPage/InstanceImageCard.tsx at the referenced preview logic and inspect the example NFT URL to reproduce the current “No preview available” state. Determine how video files such as mp4 are identified and rendered within this frontend component. Done means supported video NFTs display a preview instead of the unavailable message.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
blockchain, frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.