WICN Radio Now Playing IFrame

100%

WICN Radio Now Playing IFrame

✓ Published0🌍 Public

Last edited Apr 29, 2019

Created on Apr 29, 2019

This example shows a live "Now Playing" widget from WICN Radio, embedded in a full-screen iframe. The iframe loads the Spinitron web integration widget, displaying the current track, recent plays, sharing options, album cover art, and a player. The page uses minimal HTML and CSS to position the iframe fixed to the viewport. The code does not rely on JavaScript APIs or libraries; it directly embeds the remote Spinitron widget.

AI-generated description

An example embed from Spinitron Web Integration.

MIT Licensed

Similar vizzes

Loading thumbnail…

WICN Radio Now Playing

This example displays a live “now playing” widget for WICN Radio, showing current track information, album cover art, and a media player. The visualization pulls real-time data from the Spinitron API via the `spinitron-js-widget` script, embedded through an HTML `div` with configuration attributes. It renders a self-contained interface with metadata and time details, using Spinitron’s web integration—no custom JavaScript libraries or canvas rendering are involved. The widget handles all display logic internally, presenting up to 19 recent entries in a compact, shareable format.

CCurran Kelleher

87% match

Loading thumbnail…

WICN Radio Now Playing

This example embeds a Spinitron web widget to display the currently playing tracks on WICN Radio, showing up to six recent songs. The page loads the Spinitron JavaScript API from their static server, which renders the now-playing data into an HTML element using the station ID "WICN." The D3 library is included in the page, though the widget itself handles the visualization, while the accompanying stylesheet sets the base font size for the display.

CCurran Kelleher

86% match

Loading thumbnail…

Untitled

This example presents a live web page that embeds a YouTube video within a minimal HTML frame. The page itself contains no custom data visualization logic, instead relying on the native functionality of the browser and the iframe API to display the external video player. The primary interactive element is the embedded media player, which supports standard playback controls. No additional JavaScript libraries or data-rendering techniques are employed beyond the standard HTML iframe integration.

Pprakhar011

57% match

Loading thumbnail…

jan viz

This example displays a single embedded YouTube video titled “jan viz” within a minimal HTML page. The page defines a basic document structure with an iframe that loads the video player, using the standard YouTube embed URL. No external visualization libraries or custom JavaScript are present; the rendering relies entirely on the iframe’s native player controls. The data source is the video content itself, which is not described or processed by the code.

JJaniceKoi

55% match

Loading thumbnail…

Untitled

This example presents a minimal HTML page that embeds a YouTube video. The page uses an iframe to load the video player, with the embed URL pointing to a specific video ID. The code is a bare-bones skeleton, containing only the essential document structure and the iframe element, with no additional styling or JavaScript libraries. It demonstrates how to directly incorporate external media content into a web page using standard HTML.

RRui Nian

55% match

Loading thumbnail…

Fork of Hello HTML

This example demonstrates a minimal HTML page that embeds an iframe playing a YouTube video. The page contains no visible content of its own; instead, it relies entirely on the external video player for its visual output. The code uses standard HTML elements—`<iframe>`, `<head>`, and `<body>`—to structure the document, with no JavaScript or data visualization libraries involved. The presentation is a plain, bare-bones webpage, highlighting how a simple HTML file can integrate third-party media without additional rendering or data processing.

SShimanWen

55% match

Loading thumbnail…

iframe Window

This example demonstrates two-way communication between a parent window and an embedded iframe using the HTML5 `postMessage` API. The parent page creates an iframe dynamically and sends random numeric strings to it via `iframeEl.contentWindow.postMessage`, while the iframe sends messages back using `window.parent.postMessage`. Both pages listen for incoming messages with `window.addEventListener('message')` and display the received data in a results div. The iframe is styled with a red background and includes a button to trigger outgoing messages.

EEkthelion

55% match

Loading thumbnail…

Untitled

This example demonstrates a responsive HTML page embedding a YouTube video player alongside custom-styled text content, with layout and typography controlled entirely through basic CSS. The visualization itself is simply an iframe-based media element using the YouTube embed API, scaled to fit within a fixed 560×315 pixel frame. The accompanying HTML structure and stylesheet define a clean, minimal gallery presentation, with no JavaScript-driven data binding or charting libraries involved. The rendering approach relies solely on native browser iframe handling, making it a static, non-interactive demonstration of web layout rather than data visualization.

钱钱姿青

54% match