327 lines
13 KiB
HTML
327 lines
13 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
||
<title>Live Ozan Radio: A Personal AI Station in Cursor — Tinqs Blog</title>
|
||
<meta name="description" content="No Spotify playback — DeepSeek DJs, Lyria composes, and every track gets curated metadata. How we built a personal radio that auto-plays from our own Gitea.">
|
||
<meta name="robots" content="index, follow">
|
||
<link rel="canonical" href="https://www.tinqs.com/blog/live-ozan-radio">
|
||
|
||
<meta property="og:type" content="article">
|
||
<meta property="og:url" content="https://www.tinqs.com/blog/live-ozan-radio">
|
||
<meta property="og:title" content="Live Ozan Radio: A Personal AI Station in Cursor">
|
||
<meta property="og:description" content="Personal AI radio: DeepSeek DJ + Lyria 3, taste from screenshots, auto-play on tinqs.com.">
|
||
<meta property="og:image" content="https://tinqs.com/tinqs/blog/media/branch/main/img/live-ozan-radio-workspace.png">
|
||
|
||
<meta name="twitter:card" content="summary_large_image">
|
||
<meta name="twitter:title" content="Live Ozan Radio: A Personal AI Station in Cursor">
|
||
<meta name="twitter:description" content="Personal AI radio: DeepSeek DJ + Lyria 3, taste from screenshots, auto-play on tinqs.com.">
|
||
<meta name="twitter:image" content="https://tinqs.com/tinqs/blog/media/branch/main/img/live-ozan-radio-workspace.png">
|
||
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "BlogPosting",
|
||
"headline": "Live Ozan Radio: A Personal AI Station in Cursor",
|
||
"datePublished": "2026-06-07",
|
||
"author": {
|
||
"@type": "Person",
|
||
"name": "Ozan Bozkurt"
|
||
},
|
||
"publisher": {
|
||
"@type": "Organization",
|
||
"name": "Tinqs Limited",
|
||
"url": "https://www.tinqs.com"
|
||
},
|
||
"description": "No Spotify playback — DeepSeek DJs, Lyria composes, and every track gets curated metadata. How we built a personal radio that auto-plays from our own Gitea."
|
||
}
|
||
</script>
|
||
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||
|
||
<style>
|
||
/* ── Tinqs Studio brand — post styles ── */
|
||
|
||
:root {
|
||
/* Studio near-black base */
|
||
--c-bg: #0B0C0E;
|
||
--c-bg-raised: #15171A;
|
||
/* Foreground */
|
||
--c-fg: #ECEEF1;
|
||
--c-muted: #8A95A3;
|
||
/* Family accents */
|
||
--c-lime: #B6FF3C;
|
||
--c-violet: #7C5CFF;
|
||
/* Borders */
|
||
--c-border: rgba(255,255,255,.07);
|
||
--c-border-strong: rgba(255,255,255,.12);
|
||
}
|
||
|
||
*, *::before, *::after { box-sizing: border-box; }
|
||
|
||
html { background: var(--c-bg); }
|
||
|
||
body {
|
||
margin: 0;
|
||
padding: 0;
|
||
background: var(--c-bg);
|
||
color: var(--c-fg);
|
||
font-family: 'Inter', system-ui, -apple-system, sans-serif;
|
||
font-size: 16px;
|
||
line-height: 1.6;
|
||
-webkit-font-smoothing: antialiased;
|
||
}
|
||
|
||
/* ── Post container ── */
|
||
.post {
|
||
background: var(--c-bg);
|
||
max-width: 720px;
|
||
margin: 0 auto;
|
||
padding: 48px 24px 60px;
|
||
}
|
||
|
||
/* ── Back link ── */
|
||
.post__back {
|
||
color: var(--c-muted);
|
||
text-decoration: none;
|
||
font-size: 0.875rem;
|
||
display: inline-block;
|
||
margin-bottom: 24px;
|
||
transition: color 0.15s;
|
||
}
|
||
.post__back:hover { color: var(--c-lime); }
|
||
|
||
/* ── Gradient title — lime → violet ── */
|
||
.post__title {
|
||
font-family: 'Space Grotesk', system-ui, -apple-system, sans-serif;
|
||
background: linear-gradient(90deg, var(--c-lime), var(--c-violet));
|
||
-webkit-background-clip: text;
|
||
background-clip: text;
|
||
color: transparent;
|
||
font-weight: 700;
|
||
font-size: 2.2rem;
|
||
line-height: 1.2;
|
||
margin: 0 0 16px;
|
||
}
|
||
|
||
/* ── Date pill ── */
|
||
.post__date {
|
||
display: inline-block;
|
||
font-family: 'JetBrains Mono', ui-monospace, 'SF Mono', Consolas, monospace;
|
||
font-size: 0.72rem;
|
||
letter-spacing: 0.18em;
|
||
text-transform: uppercase;
|
||
color: var(--c-muted);
|
||
border: 1px solid var(--c-border);
|
||
border-radius: 999px;
|
||
padding: 4px 14px;
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
/* ── Lead ── */
|
||
.post__lead {
|
||
color: var(--c-muted);
|
||
font-size: 1.08rem;
|
||
line-height: 1.7;
|
||
}
|
||
|
||
/* ── Body ── */
|
||
.post__body { font-size: 1rem; line-height: 1.7; }
|
||
|
||
.post__body p { margin: 14px 0; }
|
||
|
||
.post__body h2 {
|
||
font-family: 'Space Grotesk', system-ui, -apple-system, sans-serif;
|
||
font-weight: 600;
|
||
font-size: 1.6rem;
|
||
margin: 54px 0 6px;
|
||
padding-left: 16px;
|
||
border-left: 4px solid var(--c-lime);
|
||
line-height: 1.3;
|
||
}
|
||
|
||
.post__body h3 {
|
||
font-family: 'Space Grotesk', system-ui, -apple-system, sans-serif;
|
||
font-weight: 500;
|
||
color: var(--c-violet);
|
||
font-size: 1.15rem;
|
||
margin: 30px 0 4px;
|
||
}
|
||
|
||
.post__body h4, .post__body h5, .post__body h6 {
|
||
margin: 20px 0 4px;
|
||
}
|
||
|
||
/* ── Inline code ── */
|
||
.post__body code {
|
||
font-family: 'JetBrains Mono', ui-monospace, 'SF Mono', Consolas, monospace;
|
||
font-size: 0.84em;
|
||
background: var(--c-bg-raised);
|
||
color: var(--c-lime);
|
||
padding: 2px 6px;
|
||
border-radius: 4px;
|
||
border: 1px solid var(--c-border);
|
||
}
|
||
|
||
/* ── Code blocks ── */
|
||
.post__body pre {
|
||
background: var(--c-bg);
|
||
border: 1px solid var(--c-border);
|
||
border-radius: 8px;
|
||
padding: 16px 18px;
|
||
overflow-x: auto;
|
||
margin: 14px 0;
|
||
font-family: 'JetBrains Mono', ui-monospace, 'SF Mono', Consolas, monospace;
|
||
font-size: 0.83rem;
|
||
line-height: 1.55;
|
||
color: var(--c-fg);
|
||
}
|
||
|
||
.post__body pre code {
|
||
background: transparent;
|
||
padding: 0;
|
||
border: none;
|
||
font-size: inherit;
|
||
color: inherit;
|
||
border-radius: 0;
|
||
}
|
||
|
||
/* ── Blockquote ── */
|
||
.post__body blockquote {
|
||
background: rgba(124, 92, 255, 0.06);
|
||
border: 1px solid rgba(124, 92, 255, 0.15);
|
||
border-left: 4px solid var(--c-violet);
|
||
border-radius: 0 8px 8px 0;
|
||
padding: 16px 18px;
|
||
margin: 18px 0;
|
||
color: var(--c-fg);
|
||
font-size: 0.94rem;
|
||
}
|
||
|
||
/* ── Links ── */
|
||
.post__body a { color: var(--c-lime); text-decoration: underline; text-underline-offset: 3px; }
|
||
.post__body a:hover { color: var(--c-violet); }
|
||
|
||
/* ── Strong ── */
|
||
.post__body strong { color: var(--c-lime); font-weight: 600; }
|
||
|
||
/* ── HR ── */
|
||
.post__body hr {
|
||
border: none;
|
||
border-top: 1px solid var(--c-border);
|
||
margin: 32px 0;
|
||
}
|
||
|
||
/* ── Figures ── */
|
||
.post__body figure { margin: 20px 0; }
|
||
.post__body figure img {
|
||
max-width: 100%;
|
||
border-radius: 12px;
|
||
border: 1px solid var(--c-border);
|
||
}
|
||
|
||
.post__body figcaption {
|
||
color: var(--c-muted);
|
||
font-size: 0.85rem;
|
||
margin-top: 6px;
|
||
}
|
||
|
||
/* ── Lists ── */
|
||
.post__body ul, .post__body ol { padding-left: 1.5em; margin: 10px 0; }
|
||
.post__body li { margin: 4px 0; }
|
||
|
||
/* ── Author ── */
|
||
.post__author {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 14px;
|
||
margin-top: 48px;
|
||
padding-top: 24px;
|
||
border-top: 1px solid var(--c-border);
|
||
}
|
||
|
||
.post__author-avatar {
|
||
width: 48px;
|
||
height: 48px;
|
||
border-radius: 50%;
|
||
background: var(--c-violet);
|
||
color: #fff;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-weight: 700;
|
||
font-size: 0.85rem;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.post__author-info {
|
||
font-size: 0.85rem;
|
||
color: var(--c-muted);
|
||
line-height: 1.4;
|
||
}
|
||
|
||
.post__author-name {
|
||
color: var(--c-fg);
|
||
font-weight: 600;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<!-- POST -->
|
||
<article class="post">
|
||
<a href="/blog/" class="post__back">← All Posts</a>
|
||
<span class="post__date">7 June 2026</span>
|
||
<h1 class="post__title">Live Ozan Radio: A Personal AI Station in Cursor</h1>
|
||
<p class="post__lead">I do not want a playlist. I want a station — something that feels like late-night desert dub and Anadolu psych drifting out of a speaker, but every track is composed fresh, never pulled from Spotify or Apple Music. So we built <strong>Live Ozan Radio</strong>: DeepSeek as the on-air DJ, Google Lyria 3 as the music engine, and our own Gitea instance as the host.</p>
|
||
|
||
<div class="post__body">
|
||
<figure>
|
||
<img src="https://tinqs.com/tinqs/blog/media/branch/main/img/live-ozan-radio-workspace.png" alt="Live Ozan Radio in Cursor — player dashboard, saved songs, and DJ chat beside the editor">
|
||
<figcaption>Live Ozan Radio in Cursor — player dashboard, saved songs, and DJ chat beside the editor</figcaption>
|
||
</figure>
|
||
<p>That screenshot is how I actually use it: Cursor on the left with taste notes and vocal cues, the local player on <code>:8787</code> on the right, saved songs in a scrollable library, and a chat box to steer the next generation. It is dogfooding in the truest sense — we run our game studio on the same Gitea fork we sell as Tinqs Studio, and the radio lives in that repo too.</p>
|
||
<h2>No catalog, ever</h2>
|
||
<p>The rule is simple: <strong>nothing pre-recorded from the outside world</strong>. Every MP3 is generated by Lyria from a prompt that DeepSeek writes using <code>settings.json</code> (taste profile) and <code>taste_seeds.json</code> (built from Spotify screenshots in Cursor — no Spotify API). Shuffle mode mixes saved tracks with new compositions until the daily cap hits.</p>
|
||
<p>The stack:</p>
|
||
<p>| Layer | What it does |</p>
|
||
<p>|——-|—————-|</p>
|
||
<p>| <strong>DeepSeek</strong> | DJ brain — mood, Lyria prompts, chat |</p>
|
||
<p>| <strong>Lyria 3 Pro</strong> | Full songs (~1–2 min), vocals optional |</p>
|
||
<p>| <strong>FastAPI player</strong> | Stream, library, cost dashboard, vocal booth |</p>
|
||
<p>| <strong>Git LFS</strong> | Committed songs + rich metadata |</p>
|
||
<h2>Curating every generation like a real DJ</h2>
|
||
<p>Raw MP3s are not enough. Each track gets an extensive <code>*.meta.json</code>: rating (<code>love</code> / <code>keeper</code> / <code>skip</code>), what I loved, what I hated, <code>clone_prompt_hints</code> for successors, BPM, skip-intro timestamps, and instrument tags. A <code>library_index.json</code> rolls that up so the DJ knows, for example, that <strong>Sahara's Saz</strong> is the gold standard (saz + ney + sub bass by twenty seconds) and that <strong>fuzz electric guitar on vocal tracks</strong> is a hard avoid.</p>
|
||
<p>That metadata feeds back into every <code>plan_next</code> call. When I said Caravan of the Night was "not bad" but I hated the electric guitar bit, that went into <code>disliked</code> and <code>avoid_in_successors</code> — the next griot-vocal generation should keep the Sahel chants and drop the Tinariwen-style guitar.</p>
|
||
<h2>Public auto-play on tinqs.com</h2>
|
||
<p>The full dashboard (<code>python -m ozan_radio serve</code> → <code>http://127.0.0.1:8787/player</code>) needs the API for Lyria compose, settings, and chat. But listening-only is static: <strong><code>gateway/index.html</code></strong> in the repo embeds the playlist and auto-plays from Git LFS media URLs when you open it on Git Studio:</p>
|
||
<p><strong>https://tinqs.com/tinqs/live-radio/src/branch/main/gateway/index.html</strong></p>
|
||
<p>Commit, push, share the link — no server required for listeners. New tracks run <code>export-web</code> (or auto-export on save) to refresh the embedded playlist.</p>
|
||
<h2>Vocal booth in the browser</h2>
|
||
<p>For instrumentals where I want my own layer (deep chest / throat-sync over Nomad's Saz when the saz kicks in at ~0:30), the player includes a <strong>Chrome vocal booth</strong>: cue sheet with timestamps, skip-to-saz, <code>MediaRecorder</code> for takes, download as WebM. Lyria cannot remix an existing MP3 — but I can record over it locally while the track plays in headphones.</p>
|
||
<h2>Lyria settings in the web UI</h2>
|
||
<p>The player settings panel talks to <code>/api/lyria</code> and adapts from the real Gemini API: model (Pro vs 30s Clip), vocal mode (instrumental / mix / full vocals), lyric language, singer profile, WAV vs MP3. Changes persist to <code>settings.json</code> and shape both the Lyria suffix and the DJ system prompt.</p>
|
||
<h2>Repo</h2>
|
||
<p>Open source on our Gitea: <strong>https://tinqs.com/tinqs/live-radio</strong></p>
|
||
<p>Clone, add your taste via Cursor + screenshots, run the server, or just hit the gateway link and let it shuffle. If you are building on Tinqs Studio, this is the kind of small, weird, personal tool that belongs in the same forge as your docs and your game — not on someone else's CDN.</p>
|
||
<hr>
|
||
<p><em>Inspired by Google's Magenta RealTime 2 segment on AI Search — we wanted the Lyria full-song path first; optional live MRT2 layer on Apple Silicon is on the roadmap.</em></p>
|
||
|
||
</div>
|
||
|
||
<div class="post__author">
|
||
<div class="post__author-avatar">OB</div>
|
||
<div class="post__author-info">
|
||
<span class="post__author-name">Ozan Bozkurt</span><br>
|
||
CTO & Developer, Tinqs
|
||
</div>
|
||
</div>
|
||
</article>
|
||
|
||
</body>
|
||
</html>
|