funded
[nftcdn.io] Open Source JavaScript NFT Media Viewer/Player (music, video, 3D, etc.)
Current Project Status
In Progress
Amount
Received
₳26,047
Amount
Requested
₳195,349
Percentage
Received
13.33%
Solution

NFTCDN will deliver an open source JavaScript library providing a holistic solution which developers can easily use to display any NFT on their products, agnostic of the underlying file-type.

Problem

NFTs can contain images & files within the metadata (image, audio, video, PDF, HTML, etc). The development work to display these hinders developers from integrating all NFT features in their products.

Feasibility
Value for Money
Impact Alignment

nftcdn

2 members

[nftcdn.io] Open Source JavaScript NFT Media Viewer/Player (music, video, 3D, etc.)

Please describe your proposed solution

About NFTCDN

NFTCDN is Cardano’s dedicated NFT Content Delivery Network, enabling products and services to display NFT media content easily, efficiently and at high-speed to their worldwide user base through our global CDN. Our capabilities include NFT Image Display delivery and Metadata Information provisioning, and we seek to introduce an API to enable products and services on Cardano to utilise the files component of an NFT, expanding the application of NFTs in the Cardano ecosystem, resulting in expansive growth in a variety of industries.

Problem Statement

Over 8.45 million NFTs have been minted on Cardano to date, and while the vast majority of these comprise of images in the form of digital art (using the “image” component of the NFT metadata), an emerging area is the application of the “files” component, wherein most notable use cases (henceforth referred to as “use-types”) have been for songs (audio files), movies, clips or exclusive footage (video files), books, documents, records or reports (pdf files) and bespoke projects (HTML and other file-types). In addition to NFT images, this emerging area has seen an increase in utilisation of an NFT’s files component to hold assets by companies from the music, film, book and gaming industry - with ever evolving use cases. The challenge for products and services is the implementation of “fetching” and “display” capabilities of these files.

Building an end-to-end capability to query and parse metadata across various NFT standards to secure NFT file information, fetch the file(s) from the respective storage areas (IPFS, Arweave, on-chain, HTTP, etc) and deliver the files (termed the “fetching” process) in a fast, efficient, reliable and seamless manner would cost c. $90,000 to develop and $10,000 per month to run - notwithstanding costs for CI/CD.

The additional burden of building the capability to be able to display, without error, each of the file-types (audio, video, pdf, HTML, etc) in a manner that can be easily integrated within a product’s or service’s platform to fully realise the benefits for each use-type is not a sustainable endeavour for any new or existing project to undertake.

This necessitates the creation of a capability such that products and services can seamlessly integrate both NFT images and files with their platforms through an open source JavaScript library, enabling them and content creators to realise and utilise this core component of a Cardano NFT to its fullest potential.

Solution Design

The proposal aims to deliver an “open source JavaScript library” which will enable developers to display any NFT media content, regardless of the file format (such as images, videos, songs, documents, HTML and 3D files), on their products which can be seamlessly integrated.

In simple terms, by simply passing an NFT’s fingerprint ID to the open source JavaScript library, the end recipient will be able to view (i.e. open) NFT images and files contained within an NFT, irrespective of its use-type. NFTCDN will design, develop, test and deploy this capability as an outcome of this proposal and make it open source for anyone to customise and use for their use cases.

Solution Scope & Limitations

At present, the following known MIME types exist for the most notable use-types within an NFT:

  • Images (image/png, image/gif, image/webp, image/jpeg)
  • HTML (text/html)
  • 3D Models (model/gltf and model/glb)
  • Documents (application/pdf and text/plain)
  • Audio Files (audio/wav, audio/mpeg and audio/x-flac)
  • Video Files (video/mp4)

As part of this proposal, NFTCDN will build an open source JavaScript library that will be able to handle the aforementioned MIME types.

Please define the positive impact your project will have on the wider Cardano community

Performance Measure & Output Results From Proposal

Our ultimate objective is the successful delivery of the open source javascript library. As per our milestones, we will develop the capability to be able to fetch and display NFT images and files for each of the use-types (Image, HTML, 3D Models, Documents, Audio Files and Video Files).

We will measure our performance against the 100% successful delivery of our developed solution’s capability to fetch and display the 6 use-type categories listed. The results output from our testing will be in the form of an open source javascript library being able to display NFTs minted with the respective MIME types per use-type. We will share the successfully working javascript library for each MIME type as part of our milestone reporting, including showcasing the results on the NFTCDN website.

Once ready for full release (i.e. the roll-up of all 6 use-type categories by the open source JavaScript library), our close-out report/video will additionally feature a working example of this within.

In addition to the above, the proposal will maintain regular milestone reporting on our proposal delivery, highlighting our progress over the course of our endeavour.

Benefit to Cardano

  • By delivering this capability, we will empower content creators, products and services on Cardano to expand their offerings from simply digital art NFTs to broader real-world use cases by virtue of the availability and compatibility for use of a diverse range of file-types. This opens up NFTs within the Cardano ecosystem to new innovations, catalysing the growth of new product and service developments by those seeking a blockchain with versatility within its native asset capability, consequently growing the Cardano user base.
  • Cardano will have a ready-to-use open source javascript library, allowing both new products and services to jump start their business, and existing ones to quickly adopt an efficient and seamless method without having to spend 12 months and the associated costs towards developing such a capability.
  • The open source javascript library will be a holistic end-to-end media content display endpoint, able to be seamlessly and easily integrated within a product’s or service’s platform with minimal development effort, enriching their end-user’s viewing and engagement experience.
  • Once delivered, this open source library will be maintained by NFTCDN - a trusted name in the Cardano ecosystem, with a reputation for quality, reliability and performance.

What is your capability to deliver your project with high levels of trust and accountability? How do you intend to validate if your approach is feasible?

NFTCDN - The Company

NFTCDN, a UK limited company, was created to deliver value to its users and their end-users by providing a service responsible for the end-to-end delivery of NFT media content, with performance at the heart of everything we build and abstraction of all the intricacies and complexities involved in displaying NFTs, streamlining the process of displaying NFT media content and allowing developers to focus on the success of their core products.

We deliver on these objectives through our three core capabilities already available in the market today for testnet (free of charge) & mainnet (pay-as-you-use service); NFT Image API Endpoint, NFT metadata API endpoint and NFT files API endpoint. Since our launch in December-2022, these endpoints are being used by our customers and we serve on average over 1,700,000 NFT images per day and have served a total of 491,581,159 requests as of the 1st of May 2024. Our services are being used by well known names in the Cardano ecosystem, including Eternl wallet, VESPR wallet, Hazel.net, buffy bot, Ape Society, pool.pm, iceberglabs, KWIC, NEWM, tokenriot, pixl.page, cur8, Tokeo and many more.

Our capabilities are all-encompassing in the ability to display NFT images and files. Our infrastructure is built and run on industrial-grade setups to serve high volumes of NFT media content at high speeds worldwide through our Content Delivery Network (CDN). Furthermore, our services are backed with multiple redundancies at every point in the value chain to ensure continuity of service and we have an uptime of 100% since launch.

NFTCDN - The Team

The team comprises Smaug and Rocky - two individuals with decades of experience in their respective domains of technical development and management with a proven track record of successfully delivering on complex large-scale cross-functional projects that seek to deliver value to the end user and community as a whole.

NFTCDN - Proposal Delivery Capability

NFTCDN was created as a result of Catalyst funding in Fund 8, wherein we were granted a budget of $76,886 and as per our F8 proposal milestones, the team had delivered a working product on time, to cost and at the scope we had defined and is presently being used by NFT marketplaces, wallets and bespoke projects without issue underscoring the effectiveness and success of our proposal delivery history, product service provision and the dedication of our team members to bring value to the Cardano ecosystem.

What are the key milestones you need to achieve in order to complete your project successfully?

Milestone 1: Milestone #1: NFT File Fetching Capability & Image Capability Implementation

- Duration: 2 months

- Total Budget: 16.66% of total

Milestone Outputs:

  • image/png, image/gif, image/webp and image/jpeg viewing integration within the open source JavaScript library

Acceptance Criteria:

  • Image files are able to be displayed using the open source JavaScript library

Evidence of Milestone Completion:

  • Video of working example of this capability in practice.
  • Link to GitHub repository with open source JavaScript library code publicly available for use/testing.

Milestone 2: Milestone #2: HTML file Capability Implementation

- Duration: 2 months

- Total Budget: 16.66% of total

Milestone Outputs:

  • Text/HTML file viewing integration within the open source JavaScript library

Acceptance Criteria:

  • Text/HTML files are able to be displayed using the open source JavaScript library

Evidence of Milestone Completion:

  • Video of working example of this capability in practice.
  • Link to GitHub repository with open source JavaScript library code publicly available for use/testing.

Milestone 3: Milestone #3: 3D Model file Capability Implementation

- Duration: 2 months

- Total Budget: 16.66% of total

Milestone Outputs:

  • Model/gltf and model/glb file viewing integration within the open source JavaScript library

Acceptance Criteria:

  • 3D model files are able to be displayed using the open source JavaScript library

Evidence of Milestone Completion:

  • Video of working example of this capability in practice.
  • Link to GitHub repository with open source JavaScript library code publicly available for use/testing.

Milestone 4: Milestone #4: Document file Capability Implementation

- Duration: 2 months

- Total Budget: 16.66% of total

Milestone Outputs:

  • Application/PDF and text/plain file viewing integration within the open source JavaScript library

Acceptance Criteria:

  • Document files are able to be displayed using the open source JavaScript library

Evidence of Milestone Completion:

  • Video of working example of this capability in practice.
  • Link to GitHub repository with open source JavaScript library code publicly available for use/testing.

Milestone 5: Milestone #5: Audio file Capability Implementation

- Duration: 2 months

- Total Budget: 16.66% of total

Milestone Outputs:

  • Audio/wav, audio/mpeg, audio/x-flac file playing integration within the open source JavaScript library

Acceptance Criteria:

  • Audio files are able to be played using the open source JavaScript library

Evidence of Milestone Completion:

  • Video of working example of this capability in practice.
  • Link to GitHub repository with open source JavaScript library code publicly available for use/testing.

Final Milestone: Milestone #6: Video file Capability Implementation & Wrap-Up

- Duration: 2 months

- Total Budget: 16.66% of total

Milestone Outputs:

  • Video/mp4 file playing/viewing integration within the open source JavaScript library
  • Close-out report & video

Acceptance Criteria:

  • Video files are able to be played using the open source JavaScript library
  • Publication of full open source JavaScript library on GitHub
  • Submission of close-out report & video

Evidence of Milestone Completion:

  • Final close-out report and video.
  • Video of working example of this capability in practice.
  • Link to repository with open source JavaScript library code publicly available for use/testing.

Who is in the project team and what are their roles?

Smaug

Founder of NFTCDN

Owner & creator of pool.pm

Blockchain Dev, Full Stack Dev and System, Network & Security Engineer

20+ years Tech Lead experience

Proposal Role: Technical, Support, Marketing

Rocky

Founder of NFTCDN

Owner & creator of BlockchainArt.Works

Strategy development, execution & operational delivery

15+ years Project Management experience

Proposal Role: Project Management, Support, Marketing

Please provide a cost breakdown of the proposed work and resources

  • Labour (Development, Management) = $78,000
  • Development, testing & publishing of the open source javascript library for Image, HTML, 3D Model, Document, Audio & Video files
  • End-to-end proposal delivery management
  • All reporting & communications as per Catalyst requirements
  • Infrastructure (Hosting) = $6,000
  • Hosted servers for increased size and large processing requirements
  • Total = $84,000 (ADA 195,349 @ ~$0.43)

NFTCDN (nftcdn.io) serve all Cadano tokens media efficiently and at high-speed. This proposal open source library will use it by default to provide the best user experience. It is therefore assumed that any user of this library must have an NFTCDN account, or must modify the library to integrate existing solutions (such as IPFS gateways).

The library will also rely on existing open source media players (audio, video) and viewers (image, GLTF, PDF).

How does the cost of the project represent value for money for the Cardano ecosystem?

Labour Costs: Rates used to calculate labour costs are substantially lower than their respective national freelance averages. Both the proposer and co-proposers hold experience in the domain of development and project management, along with the previous Catalyst Fund experience of building and delivering the NFT retrieval and display capability, being able to confidently and efficiently deliver the proposal within the 12 month period, thereby reducing the total number of hours required.

Proposal Funding: By funding this proposal, Cardano introduces a much needed capability within the ecosystem that would enable and attract a diverse range of content creators and audiences, across industries such as gaming and entertainment, to innovatively transform the way NFTs are used in the world today, promoting the growth and adoption of Cardano - making Cardano the blockchain of choice for NFTs.

close

Playlist

  • EP2: epoch_length

    Authored by: Darlington Kofa

    3m 24s
    Darlington Kofa
  • EP1: 'd' parameter

    Authored by: Darlington Kofa

    4m 3s
    Darlington Kofa
  • EP3: key_deposit

    Authored by: Darlington Kofa

    3m 48s
    Darlington Kofa
  • EP4: epoch_no

    Authored by: Darlington Kofa

    2m 16s
    Darlington Kofa
  • EP5: max_block_size

    Authored by: Darlington Kofa

    3m 14s
    Darlington Kofa
  • EP6: pool_deposit

    Authored by: Darlington Kofa

    3m 19s
    Darlington Kofa
  • EP7: max_tx_size

    Authored by: Darlington Kofa

    4m 59s
    Darlington Kofa
0:00
/
~0:00