mirror of
https://github.com/screentinker/screentinker.git
synced 2026-05-15 07:32:23 -06:00
25ab1c485b
Landing page (frontend/landing.html): - Title now includes "Self-Hosted" for that keyword - Description appended "MIT licensed." - Keywords aligned to spec (digital signage raspberry pi, digital signage android tv, video wall software, kiosk software, etc.) - SoftwareApplication JSON-LD: added applicationSubCategory "DigitalSignage", license URL, refreshed description - Image alt text + og:image:alt + twitter:image:alt now include "open-source digital signage" - New Resources section above the CTA with 6 cards linking to all new guides and comparison pages - Footer rewritten as a 5-column grid (Brand / Guides / Compare / Project / Legal) with the new internal links New SEO pages, all dark-themed, mobile-responsive, ASCII-only: - frontend/css/seo-page.css (shared nav/footer/article/table styles) - frontend/compare/yodeck-alternative.html - frontend/compare/screencloud-alternative.html - frontend/compare/optisigns-alternative.html - frontend/guides/raspberry-pi-digital-signage.html - frontend/guides/digital-signage-android-tv.html - frontend/guides/self-hosted-digital-signage.html Each new page has unique title/description/canonical, OG and Twitter card tags, BreadcrumbList JSON-LD, single h1, proper h2/h3 nesting, visible breadcrumb, comparison table or step-by-step ordered list, "Related guides" cross-link block, and a CTA. Sitemap (frontend/sitemap.xml): added all 6 new URLs with appropriate priority (0.8 for compare pages, 0.9 for guides). Existing landing (1.0) and legal pages preserved. Robots (frontend/robots.txt): allow /compare/ and /guides/, disallow /player (was previously allowed by mistake). Server (server/server.js): added explicit GET /sitemap.xml and GET /robots.txt routes ahead of the static middleware so the Content-Type is guaranteed. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
168 lines
9.3 KiB
HTML
168 lines
9.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>How to Set Up Digital Signage on Raspberry Pi (2026) | ScreenTinker</title>
|
|
<meta name="description" content="Step-by-step guide to building a Raspberry Pi digital signage player with ScreenTinker. Covers hardware, Pi OS setup, the install script, pairing, and pushing content. Free and open source.">
|
|
<meta name="keywords" content="raspberry pi digital signage, digital signage raspberry pi, pi signage, raspberry pi tv display, free pi signage software, open source pi signage">
|
|
<meta name="robots" content="index, follow">
|
|
<link rel="canonical" href="https://screentinker.com/guides/raspberry-pi-digital-signage.html">
|
|
|
|
<meta property="og:type" content="article">
|
|
<meta property="og:url" content="https://screentinker.com/guides/raspberry-pi-digital-signage.html">
|
|
<meta property="og:title" content="How to Set Up Digital Signage on Raspberry Pi (2026)">
|
|
<meta property="og:description" content="Step-by-step Pi signage guide. Hardware, OS, install script, pairing, content. Free and open source.">
|
|
<meta property="og:image" content="https://screentinker.com/assets/dashboard-preview.png">
|
|
<meta property="og:site_name" content="ScreenTinker">
|
|
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:title" content="How to Set Up Digital Signage on Raspberry Pi (2026)">
|
|
<meta name="twitter:description" content="Step-by-step Pi signage guide. Hardware, OS, install script, pairing, content. Free and open source.">
|
|
<meta name="twitter:image" content="https://screentinker.com/assets/dashboard-preview.png">
|
|
|
|
<meta name="theme-color" content="#111827">
|
|
<link rel="icon" href="/assets/icon-192.png">
|
|
<link rel="apple-touch-icon" href="/assets/icon-192.png">
|
|
<link rel="stylesheet" href="/css/seo-page.css">
|
|
</head>
|
|
<body>
|
|
<nav>
|
|
<div class="nav-inner">
|
|
<div class="nav-logo">
|
|
<a href="/" style="display:flex;align-items:center;gap:10px">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="3" width="20" height="14" rx="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg>
|
|
<span class="nav-logo-text">ScreenTinker</span>
|
|
</a>
|
|
</div>
|
|
<div class="nav-links">
|
|
<a href="/#features">Features</a>
|
|
<a href="/#pricing">Pricing</a>
|
|
<a href="/#compare">Compare</a>
|
|
<a href="/app#/login" class="btn btn-outline" style="margin-left:16px">Sign In</a>
|
|
<a href="/app#/login" class="btn btn-primary" style="margin-left:8px">Try Free</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<main class="article">
|
|
<nav class="breadcrumb" aria-label="Breadcrumb">
|
|
<a href="/">Home</a>
|
|
<span>/</span>
|
|
<a href="/#features">Guides</a>
|
|
<span>/</span>
|
|
<span>Raspberry Pi Digital Signage</span>
|
|
</nav>
|
|
|
|
<h1>How to Set Up Digital Signage on a Raspberry Pi (2026)</h1>
|
|
<p class="lead">A step-by-step guide to turning a Raspberry Pi into a free, open-source digital signage player using ScreenTinker. Works on Pi 3, Pi 4, and Pi 5.</p>
|
|
|
|
<h2>What you will need</h2>
|
|
<ul>
|
|
<li><strong>Raspberry Pi 3, Pi 4, or Pi 5.</strong> Pi 4 (4GB+) is the sweet spot. Pi 3 works for static images and 1080p video. Pi 5 is overkill but futureproof.</li>
|
|
<li><strong>microSD card,</strong> 16 GB or larger. Class 10 or A1/A2 rated.</li>
|
|
<li><strong>Power supply</strong> appropriate for your model (Pi 4 uses USB-C 15W; Pi 5 uses USB-C 27W).</li>
|
|
<li><strong>HDMI cable</strong> to your TV or monitor (micro-HDMI on Pi 4/5).</li>
|
|
<li><strong>Network connection</strong> - Ethernet preferred for reliability, Wi-Fi works fine.</li>
|
|
<li><strong>A ScreenTinker account.</strong> <a href="/app#/login">Sign up free</a> if you do not have one.</li>
|
|
</ul>
|
|
|
|
<h2>Step 1: Install Raspberry Pi OS</h2>
|
|
<p>Use <a href="https://www.raspberrypi.com/software/" target="_blank" rel="noopener">Raspberry Pi Imager</a> to flash <strong>Raspberry Pi OS (64-bit)</strong> to your microSD card. Choose the standard Desktop edition (not Lite - we need a desktop environment for the browser).</p>
|
|
<p>In the Imager's advanced options (gear icon), pre-set:</p>
|
|
<ul>
|
|
<li>Hostname (e.g. <code>signage-lobby</code>)</li>
|
|
<li>Username and password</li>
|
|
<li>Wi-Fi credentials (if not using Ethernet)</li>
|
|
<li>Enable SSH (optional but useful for remote management)</li>
|
|
</ul>
|
|
<p>Insert the SD card, plug in the Pi, and let it boot through first-time setup.</p>
|
|
|
|
<h2>Step 2: Run the ScreenTinker installer</h2>
|
|
<p>Open a terminal on the Pi and run:</p>
|
|
<pre><code>curl -sL https://screentinker.com/scripts/raspberry-pi-setup.sh | bash</code></pre>
|
|
<p>The script will:</p>
|
|
<ul>
|
|
<li>Install Chromium (the kiosk browser used as the player)</li>
|
|
<li>Set up an autostart entry so the player launches in fullscreen on boot</li>
|
|
<li>Disable screen blanking and the screensaver</li>
|
|
<li>Configure HDMI to keep the display awake</li>
|
|
<li>Reboot the Pi when finished</li>
|
|
</ul>
|
|
<p>On reboot the Pi will launch directly into the ScreenTinker player and show a 6-digit pairing code.</p>
|
|
|
|
<h2>Step 3: Pair the Pi to your dashboard</h2>
|
|
<p>Sign in to <a href="/app#/login">your ScreenTinker dashboard</a> and click <strong>+ Add Display</strong>. Enter the 6-digit code shown on the Pi and give the display a name (e.g. "Lobby TV"). The Pi will switch from the pairing screen to "Waiting for content".</p>
|
|
|
|
<h2>Step 4: Push content</h2>
|
|
<p>From the dashboard:</p>
|
|
<ol>
|
|
<li>Open <strong>Content Library</strong> and upload an image, video, or paste a remote URL.</li>
|
|
<li>Open <strong>Playlists</strong>, create a playlist, and add items.</li>
|
|
<li>Publish the playlist.</li>
|
|
<li>From the device's detail page, assign the playlist.</li>
|
|
</ol>
|
|
<p>The Pi picks up the new playlist within a few seconds and starts playing.</p>
|
|
|
|
<h2>Performance tips</h2>
|
|
<ul>
|
|
<li><strong>Use H.264 video.</strong> Pi GPUs accelerate H.264 in hardware. H.265/HEVC works on Pi 4/5 but uses more CPU.</li>
|
|
<li><strong>Match your resolution to the display.</strong> 1080p video on a 1080p screen avoids unnecessary scaling.</li>
|
|
<li><strong>Wired Ethernet is more reliable than Wi-Fi</strong> for video-heavy playlists. Wi-Fi is fine for image-heavy ones.</li>
|
|
<li><strong>For Pi 3,</strong> stick to images and short clips. Pi 3 can struggle with continuous 1080p video.</li>
|
|
</ul>
|
|
|
|
<h2>Troubleshooting</h2>
|
|
<h3>The Pi reboots into the desktop, not the player</h3>
|
|
<p>Check that the autostart file <code>~/.config/autostart/screentinker.desktop</code> exists. The installer creates this; if it's missing, re-run the installer.</p>
|
|
|
|
<h3>The screen goes dark after a few minutes</h3>
|
|
<p>The installer should disable screen blanking, but some monitors sleep based on their own timer. Disable sleep mode on the monitor itself, or use a dummy HDMI plug if the Pi negotiates a low-power mode.</p>
|
|
|
|
<h3>The Pi shows the pairing code but I can't see it on the dashboard</h3>
|
|
<p>The pairing code is shown on the Pi screen, not the dashboard. Sign in, click Add Display, and type the code from the Pi.</p>
|
|
|
|
<div class="related">
|
|
<h2>Related guides</h2>
|
|
<ul>
|
|
<li><a href="/guides/digital-signage-android-tv.html">Digital signage for Android TV and Fire TV</a></li>
|
|
<li><a href="/guides/self-hosted-digital-signage.html">Self-hosted digital signage: complete guide</a></li>
|
|
<li><a href="/compare/yodeck-alternative.html">Compare: ScreenTinker vs Yodeck</a></li>
|
|
<li><a href="/compare/screencloud-alternative.html">Compare: ScreenTinker vs ScreenCloud</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="cta">
|
|
<h2>Ready to set up your Pi?</h2>
|
|
<p>Start a free ScreenTinker account in under a minute.</p>
|
|
<a href="/app#/login" class="btn btn-primary" style="padding:14px 28px;font-size:16px">Start Free</a>
|
|
<a href="https://github.com/screentinker/screentinker" target="_blank" rel="noopener" class="btn btn-outline" style="padding:14px 28px;font-size:16px;margin-left:12px">View on GitHub</a>
|
|
</div>
|
|
</main>
|
|
|
|
<footer>
|
|
<div style="color:var(--dim);font-size:13px">© 2026 ScreenTinker. All rights reserved.</div>
|
|
<div class="links">
|
|
<a href="https://github.com/screentinker/screentinker" target="_blank" rel="noopener">GitHub</a>
|
|
<a href="https://discord.gg/JHWQRPaG" target="_blank" rel="noopener">Discord</a>
|
|
<a href="/legal/terms.html">Terms</a>
|
|
<a href="/legal/privacy.html">Privacy</a>
|
|
<a href="/legal/third-party.html">Licenses</a>
|
|
<a href="/app#/login">Sign In</a>
|
|
</div>
|
|
</footer>
|
|
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "BreadcrumbList",
|
|
"itemListElement": [
|
|
{ "@type": "ListItem", "position": 1, "name": "Home", "item": "https://screentinker.com/" },
|
|
{ "@type": "ListItem", "position": 2, "name": "Guides", "item": "https://screentinker.com/#features" },
|
|
{ "@type": "ListItem", "position": 3, "name": "Raspberry Pi Digital Signage", "item": "https://screentinker.com/guides/raspberry-pi-digital-signage.html" }
|
|
]
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|