@sanohiro/casty 1.1.0 → 1.1.2

package/README.ja.md

@@ -6,6 +6,8 @@
 
 casty は w3m や lynx のようなテキストブラウザではありません。ヘッドレス Chrome を起動し、CDP でレンダリング結果を取得して、Kitty graphics protocol でターミナルに描画します。Chrome のリモートデスクトップがターミナルに収まった感じです。
 
+![Ghostty 上で動作する casty](docs/screenshot-ghostty.png)
+
 <video src="https://github.com/user-attachments/assets/552f1972-bb53-481e-9516-c36b7e5085d8" autoplay loop muted playsinline></video>
 
 ## 仕組み
@@ -164,6 +166,19 @@ lib/bookmarks.js   ブックマーク検索
 
 ## トラブルシューティング
 
+### YouTube で音が出ない（Ubuntu Server）
+
+Chrome はシステムのオーディオサーバーを通じて直接音声を再生します。音が出ない場合：
+
+```bash
+sudo apt install pulseaudio
+sudo usermod -aG audio $USER
+# ログアウトして再ログイン後：
+pulseaudio --start
+```
+
+### Chrome がクラッシュする
+
 casty が起動しない、または Chrome がクラッシュする場合、ブラウザキャッシュを削除してください：
 
 ```bash

package/README.md

@@ -6,6 +6,8 @@ Run a real Chrome browser inside your terminal.
 
 casty is not a text-mode browser like w3m or lynx. It launches headless Chrome, grabs the rendered frames over CDP, and draws them in your terminal via Kitty graphics protocol. Think of it as a remote desktop for Chrome that fits in a terminal window.
 
+![casty running on Ghostty](docs/screenshot-ghostty.png)
+
 <video src="https://github.com/user-attachments/assets/552f1972-bb53-481e-9516-c36b7e5085d8" autoplay loop muted playsinline></video>
 
 ## How It Works
@@ -164,6 +166,19 @@ lib/bookmarks.js   Bookmark search
 
 ## Troubleshooting
 
+### No audio on YouTube (Ubuntu Server)
+
+Chrome plays audio directly through the system audio server. If there's no sound:
+
+```bash
+sudo apt install pulseaudio
+sudo usermod -aG audio $USER
+# Log out and back in, then:
+pulseaudio --start
+```
+
+### Chrome crashes
+
 If casty fails to start or Chrome crashes, try removing the browser cache:
 
 ```bash

package/lib/browser.js

@@ -7,8 +7,20 @@ import { CDPClient } from './cdp.js';
 import { launchChrome } from './chrome.js';
 import { loadConfig } from './config.js';
 
-const CHROME_VERSION = '145.0.7632.6';
-const USER_AGENT = `Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/${CHROME_VERSION} Safari/537.36`;
+const DEFAULT_CHROME_VERSION = '146.0.7680.80';
+
+// Platform-specific identity (must match real OS to avoid TLS/TCP fingerprint mismatch)
+const PLATFORM = process.platform === 'darwin'
+  ? { ua: 'Macintosh; Intel Mac OS X 10_15_7', nav: 'MacIntel',
+      uaPlatform: 'macOS', uaPlatformVersion: '15.0.0',
+      glVendor: 'Google Inc. (Apple)', glRenderer: 'ANGLE (Apple, Apple M1, OpenGL 4.1)' }
+  : { ua: `X11; Linux ${process.arch === 'arm64' ? 'aarch64' : 'x86_64'}`,
+      nav: `Linux ${process.arch === 'arm64' ? 'aarch64' : 'x86_64'}`,
+      uaPlatform: 'Linux', uaPlatformVersion: '',
+      glVendor: 'Google Inc. (Intel)', glRenderer: 'ANGLE (Intel, Mesa Intel UHD Graphics, OpenGL 4.5)' };
+
+const buildUserAgent = (v) =>
+  `Mozilla/5.0 (${PLATFORM.ua}) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/${v} Safari/537.36`;
 const PROFILE_DIR = join(homedir(), '.casty', 'profile');
 
 // Screencast settings (low-res stream for change detection)
@@ -21,7 +33,7 @@ const CAPTURE_STUCK_RESET  = 5000; // Reset stuck capturing flag (ms)
 
 // Build stealth script with locale-dependent language settings
 // lang: primary language (e.g. "ja", "en-US")
-function buildStealthScript(lang) {
+function buildStealthScript(lang, { fakeMedia = false } = {}) {
   // Build Accept-Language style list: primary, then en-US/en fallbacks
   const languages = [lang];
   if (lang !== 'en-US' && lang !== 'en') {
@@ -36,9 +48,8 @@ function buildStealthScript(lang) {
 Object.defineProperty(navigator, 'plugins', {
   get: () => {
     const arr = [
-      { name: 'Chrome PDF Plugin', filename: 'internal-pdf-viewer', description: 'Portable Document Format' },
-      { name: 'Chrome PDF Viewer', filename: 'mhjfbmdgcfjbbpaeojofohoefgiehjai', description: '' },
-      { name: 'Native Client', filename: 'internal-nacl-plugin', description: '' },
+      { name: 'PDF Viewer', filename: 'internal-pdf-viewer', description: 'Portable Document Format', length: 1 },
+      { name: 'Chrome PDF Viewer', filename: 'internal-pdf-viewer', description: 'Portable Document Format', length: 1 },
     ];
     arr.refresh = () => {};
     return arr;
@@ -82,6 +93,9 @@ navigator.permissions.query = (params) => {
   if (params.name === 'notifications') {
     return Promise.resolve({ state: Notification.permission });
   }
+${fakeMedia ? `  if (params.name === 'camera' || params.name === 'microphone') {
+    return Promise.resolve({ state: 'granted' });
+  }` : ''}
   return origQuery(params);
 };
 
@@ -89,8 +103,8 @@ navigator.permissions.query = (params) => {
 // 0x9245 = UNMASKED_VENDOR_WEBGL, 0x9246 = UNMASKED_RENDERER_WEBGL
 const getParam = WebGLRenderingContext.prototype.getParameter;
 WebGLRenderingContext.prototype.getParameter = function(p) {
-  if (p === 0x9245) return 'Google Inc. (Apple)';
-  if (p === 0x9246) return 'ANGLE (Apple, Apple M1, OpenGL 4.1)';
+  if (p === 0x9245) return '${PLATFORM.glVendor}';
+  if (p === 0x9246) return '${PLATFORM.glRenderer}';
   return getParam.call(this, p);
 };
 
@@ -100,6 +114,43 @@ if (!navigator.connection) {
     get: () => ({ effectiveType: '4g', rtt: 50, downlink: 10, saveData: false }),
   });
 }
+
+${fakeMedia ? `
+// getUserMedia emulation (headless-shell lacks media capture)
+if (navigator.mediaDevices) {
+  const fakeStream = (constraints) => {
+    const tracks = [];
+    if (constraints.video) {
+      const w = constraints.video.width?.ideal || constraints.video.width?.max || 640;
+      const h = constraints.video.height?.ideal || constraints.video.height?.max || 480;
+      const canvas = document.createElement('canvas');
+      canvas.width = w;
+      canvas.height = h;
+      const ctx = canvas.getContext('2d');
+      const draw = () => { ctx.fillStyle = '#000'; ctx.fillRect(0, 0, w, h); requestAnimationFrame(draw); };
+      draw();
+      const stream = canvas.captureStream(30);
+      tracks.push(...stream.getVideoTracks());
+    }
+    if (constraints.audio) {
+      const actx = new AudioContext();
+      const gain = actx.createGain();
+      gain.gain.value = 0;
+      gain.connect(actx.destination);
+      const dest = actx.createMediaStreamDestination();
+      gain.connect(dest);
+      tracks.push(...dest.stream.getAudioTracks());
+    }
+    return Promise.resolve(new MediaStream(tracks));
+  };
+  navigator.mediaDevices.getUserMedia = fakeStream;
+  navigator.mediaDevices.enumerateDevices = () => Promise.resolve([
+    { deviceId: 'default', kind: 'audioinput', label: 'Default Microphone', groupId: 'default' },
+    { deviceId: 'default', kind: 'videoinput', label: 'Default Camera', groupId: 'default' },
+    { deviceId: 'default', kind: 'audiooutput', label: 'Default Speaker', groupId: 'default' },
+  ]);
+}
+` : ''}
 `;
 }
 
@@ -132,6 +183,11 @@ export async function setupPage({ port, wsUrl }, { width, height, zoom = 1 } = {
   const lang = config.language;
   const baseUrl = `http://127.0.0.1:${port}`;
 
+  // Detect Chrome version from CDP endpoint
+  const versionInfo = await fetchJson(`${baseUrl}/json/version`);
+  const chromeVersion = versionInfo?.Browser?.replace(/^.*\//, '') || DEFAULT_CHROME_VERSION;
+  const userAgent = buildUserAgent(chromeVersion);
+
   // Try /json/new (single HTTP request, fastest)
   let target = await fetchJson(`${baseUrl}/json/new?about:blank`);
   if (!target?.webSocketDebuggerUrl) {
@@ -162,10 +218,29 @@ export async function setupPage({ port, wsUrl }, { width, height, zoom = 1 } = {
       width: cssWidth, height: cssHeight, deviceScaleFactor: zoom, mobile: false,
     }),
     client.send('Network.setUserAgentOverride', {
-      userAgent: USER_AGENT, platform: 'MacIntel',
+      userAgent: userAgent, platform: PLATFORM.nav,
       acceptLanguage: buildAcceptLanguage(lang),
+      userAgentMetadata: {
+        brands: [
+          { brand: 'Chromium', version: chromeVersion.split('.')[0] },
+          { brand: 'Google Chrome', version: chromeVersion.split('.')[0] },
+          { brand: 'Not-A.Brand', version: '99' },
+        ],
+        fullVersionList: [
+          { brand: 'Chromium', version: chromeVersion },
+          { brand: 'Google Chrome', version: chromeVersion },
+          { brand: 'Not-A.Brand', version: '99.0.0.0' },
+        ],
+        platform: PLATFORM.uaPlatform,
+        platformVersion: PLATFORM.uaPlatformVersion,
+        architecture: process.arch === 'arm64' ? 'arm' : 'x86',
+        bitness: '64',
+        model: '',
+        mobile: false,
+        wow64: false,
+      },
     }),
-    client.send('Page.addScriptToEvaluateOnNewDocument', { source: buildStealthScript(lang) }),
+    client.send('Page.addScriptToEvaluateOnNewDocument', { source: buildStealthScript(lang, { fakeMedia: config.fakeMedia }) }),
     client.send('Browser.setDownloadBehavior', {
       behavior: 'allowAndName', downloadPath: join(homedir(), 'Downloads'),
       eventsEnabled: true,

package/lib/config.js

@@ -15,15 +15,16 @@ const configPath = join(homedir(), '.casty', 'config.json');
 
 // Detect system locale (e.g. "en-US", "ja", "zh-CN")
 function detectLocale() {
-  // Intl API gives the most reliable result
+  // Environment variables first (Intl may lack ICU data and return en-US)
+  const env = process.env.LANG || process.env.LC_ALL || process.env.LC_MESSAGES || '';
+  const m = env.match(/^([a-z]{2})(?:[_-]([A-Z]{2}))?/);
+  if (m) return m[2] ? `${m[1]}-${m[2]}` : m[1];
+  // Fallback to Intl API
   try {
     const locale = Intl.DateTimeFormat().resolvedOptions().locale;
     if (locale) return locale;
   } catch {}
-  // Fallback to environment variables
-  const env = process.env.LANG || process.env.LC_ALL || process.env.LC_MESSAGES || '';
-  const m = env.match(/^([a-z]{2}(?:[_-][A-Z]{2})?)/);
-  return m ? m[1].replace('_', '-') : 'en-US';
+  return 'en-US';
 }
 
 const DEFAULTS = {
@@ -31,6 +32,7 @@ const DEFAULTS = {
   searchUrl: 'https://www.google.com/search?q=',
   transport: 'auto', // 'auto' | 'file' | 'inline'
   format: 'auto',    // 'auto' | 'png' | 'jpeg'
+  fakeMedia: false,  // Emulate camera/mic for WebRTC (headless-shell lacks getUserMedia)
   language: detectLocale(), // System locale (override: "en-US", "ja", etc.)
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanohiro/casty",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "TTY web browser using raw CDP and Kitty graphics protocol",
   "main": "bin/casty.js",
   "bin": {