Support for more NFT media types

[denengineer]

Hey folks, I'm starting to work on interactive NFTs now, and since there is no support for anything besides images and a few video types I'm thinking about opening a PR.

But I have a few questions I wanted to discuss before writing the code:

1. You are trying to determine media type by checking file extension in URL now, but many IPFS/Arweave files will have links without any extension. Are you open to implementing client side media type detection? For video & audio could be smth along the lines (while it's a tad hacky, it will be more flexible than having an extension provided in the URL):

function isVideoAudio(url) {
  return new Promise(function (resolve) {
    const timer = setTimeout(function () {
      video.src = '/noexist.mp4';
      resolve(null);
    }, 60 * 1000);
    const video = document.createElement('video');
    video.setAttribute('src', url);
    video.addEventListener('canplay', function () {
      clearTimeout(timer);
      video.videoHeight === 0 ? resolve('audio') : resolve('video');
    });

    video.addEventListener('error', function () {
      clearTimeout(timer);
      resolve(false);
    });
  });
}

2. Are you open to loading files that are not explicitly supported via iframe? It could have some issues with sizing, but that will provide support for a lot of different NFTs with files that could be handled by the browser (while native support will not be added to the wallet). It should be pretty safe, only concern I'm having is fitting the content of an iframe into fixed-size container nicely.

I have some parts of it implemented here, but will be great if we could integrate support for more NFT types into the wallet itself!

WDYT?