Sunday, February 19, 2023

Display NFTs on Monitor

I recently purchased a 15.6" portable monitor and was thinking about what I could do with it.  My Raspberry Pi 4 was not being used, so I started to think about projects with both items.  Lately NFTs have been on my radar, so I figured why not look into displaying NTFs on a screen.

As I looked around online, I found some options including one called Zeroframe that I decided to try out.

Showing off Schrödinger Circuit
15.6" monitor, Raspberry Pi 4 and RAVPower power bank

Initial Setup

At the Zeroframe.art website, click “Sign In” at the top right.  I didn’t write down all the steps, but it was pretty straight forward.  Once you are logged in, here are the basic steps to get a test setup running and once you have a display working you can continue to explore the setup options.  The steps below align with the interface tabs:

Artworks - This is for the art itself.

Steps
  • Click “Add artwork”
  • Add the OpenSea URL of your NFT
  • Fill out “Title” and “Artist” if you want, otherwise it will default to info pulled from OS
  • Click “Save”
  • Review the title (normally the NFT #) and artist and edit if you want
For my test setup I added two NFTs ( Schrödinger Circuits and Lost Miners of the Ether ) as a start.

Collections - This is to group your art into collections

Steps
  • Click “Create collection”
  • Put in a collection name and hit save.
  • Next to the collection name click the > arrow.
  • Click “Add to collection” and pick the art you want to add.
  • Click on “Collections” to go back up a level.
As a note, you can add art to multiple collections.  I made 3 collections for my test setup: One for Lost Miners, one for circuits and one called “BPX Collective” that includes both NFTs.

Frames - Setup your actual displays.

Steps
  • Click “Create frame”
  • Put in the name of the frame, something so you know which device it is.
  • Don’t worry about the pairing code right now, just click “Save”.
For my setup I plan to use a Chromebook first for testing, then a Raspberry Pi for additional testing.

Exhibitions - Pulls it all together

Steps
  • Click “Create exhibition”
  • Put in a name and click “Save”
  • Click the > arrow next to the name, here you can select your frame and what artwork or collection to show off.
That is it, now you need to actually setup your display.  As you are first learning how to do things, I would just use a computer web browser or other device (Chromebook) first.  If you plan to implement something long term, you can consider other options like kiosk software that is focused on just displaying a certain URL.

I shared my setup directions below to hopefully help.

Chromebook as Frame

As a first test, I setup my Chromebook Duet as a display screen ( called a frame in Zeroframe). .

Steps (High level):
  • In the Zeroframe interface, go to “Frames” and under “Link” copy or write down the URL listed since that is what you will need to put into your device
  • I used the “Browse as Guest” option instead of logging into my account on the Chromebook
  • Go to the URL for the frame on the Chromebook
  • If it works you should see the frame name ( Chromebook Duet for me ) and “Waiting for artwork” at the top.
  • Go back to your Zeroframe interface, on the “Exhibitions” tab click the up arrow on the row for the exhibition you want to display.
If everything works, you should now see your NFTs on the screen.  Go back to the “Frames” page, and under “Plaque” if it has “None” try the various options.  If you have a large enough screen, I would use “Art info & QR” if you plan to put this in a place others can see it.  If this is for use at home use, you can probably leave it as “None”.

Raspberry Pi 4 as Frame

I will assume that you already have a Raspberry Pi 4 and are familiar enough with it to be able to get most of this done without step by step directions so my steps are high level.

15.6" monitor connected to Raspberry Pi 4

Raspberry Pi 4 in Argon ONE V2 Case

Steps (High level)
  • Use Raspberry Pi Imager to install the following onto a microSD card (4GB works)
    • OS: Other specific-purpose OS > FullPageOS > FullPageOS (Stable)
    • Click the gear and specify your wifi info unless you have your Pi wired via Ethernet.  Also set your locale while you are here.
  • Click “Storage” to make sure you have the right device selected
  • Click “Write”
  • Once it is done writing, remove and re-insert the SD card.
  • Edit the “/boot/fullpageos.txt” file to include the URL for the frame.
Bottom line: Based on my tests so far, everything worked and it was a cool way to show off various NFTs.  I did notice that I was on a "Public Beta" plan, so I wouldn't be surprised if this will require some paid plan in the future.

Video showing two test displayshttps://youtu.be/tHqp0B9Cdsk
Zeroframe Page: https://zeroframe.art/

FOOWIN Portable 15.6" monitor

I recently purchased a FOOWIN portable 15.6” monitor ( model A02 ) and I decided to post some initial thoughts / tests.

In addition to the monitor itself, it came with a few cables:
  • Mini-HDMI to HDMI cable
  • USB-C to USB-C
  • USB-C to USB-A (for power)
  • USB-C to USB-A female (for keyboard / mouse)
I have most of the cables I would have needed, but having spares is always good and I didn’t have a mini-HDMI to HDMI at all so the inclusion of that cable was really helpful.

The monitor supports video via USB-C and mini-HDMI ports, so I tested a few devices with the monitor.

Test 1 - Connected to Chromebook Duet

I connected the monitor to my Chromebook Duet using a USB-C to USB-C cable (no separate power for the monitor).  Just using the screen worked fine, I did notice a red tint until I changed the color temp from 6500 to 9300.  I tried a YouTube video that played fine, the audio seemed a bit low but still worked.  I tried to play Netflix using the Android app, but no video was displayed however when I tried Netflix via the website it worked fine so it is probably some copy protection thing.

When I connected direct power to the monitor, the brightness increased and I noticed that my Chromebook actually registered that it was being charged slowly which was nice.

Test 2 - Nintendo Switch

I connected the monitor to a Nintendo Switch.  The Switch didn’t have enough power, so I had to also directly power the monitor.  After that, the Switch video came up and the Switch itself showed that it was charging.

Test 3 - Raspberry Pi

I have a Raspberry Pi 4 that is in an Argon ONE v2 case (that has full size HDMI ports).  I was able to use the included HDMI to mini-HDMI cable and it worked fine.  On a later test, I was able to power the monitor and the Pi 4 using a portable battery bank that I had.

Bottom line: The FOOWIN monitor is pretty useful and the included cables makes this a nice little kit.  Just keep in mind there might be limitations on Android apps ability to display video, but otherwise it worked fine for the other scenarios that I tested.