{"id":41835119,"url":"https://github.com/kerim/iina-clickable-subtitles","last_synced_at":"2026-01-25T09:04:27.050Z","repository":{"id":333621970,"uuid":"1097666054","full_name":"kerim/iina-clickable-subtitles","owner":"kerim","description":"IINA plugin that makes subtitles clickable for language learning with macOS Look Up integration","archived":false,"fork":false,"pushed_at":"2025-11-16T16:07:13.000Z","size":10,"stargazers_count":4,"open_issues_count":1,"forks_count":1,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-01-20T13:57:44.511Z","etag":null,"topics":["devanagari","hindi","iina","language-learning","macos","plugin","subtitles","video-player"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kerim.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-11-16T16:02:16.000Z","updated_at":"2026-01-20T01:59:50.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/kerim/iina-clickable-subtitles","commit_stats":null,"previous_names":["kerim/iina-clickable-subtitles"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/kerim/iina-clickable-subtitles","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kerim%2Fiina-clickable-subtitles","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kerim%2Fiina-clickable-subtitles/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kerim%2Fiina-clickable-subtitles/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kerim%2Fiina-clickable-subtitles/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kerim","download_url":"https://codeload.github.com/kerim/iina-clickable-subtitles/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kerim%2Fiina-clickable-subtitles/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28750663,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-25T09:00:19.176Z","status":"ssl_error","status_checked_at":"2026-01-25T09:00:04.131Z","response_time":113,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["devanagari","hindi","iina","language-learning","macos","plugin","subtitles","video-player"],"created_at":"2026-01-25T09:03:43.715Z","updated_at":"2026-01-25T09:04:27.042Z","avatar_url":"https://github.com/kerim.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# IINA Clickable Subtitles\n\n**Make subtitles clickable for language learning in IINA video player**\n\nThis IINA plugin displays subtitles in a selectable overlay, allowing you to click words and phrases to look them up using macOS's built-in Dictionary and Translation features. Perfect for learning Hindi, Arabic, Chinese, or any language with complex scripts.\n\n## Features\n\n- **Selectable Subtitles**: Click and drag to select subtitle text\n- **macOS Look Up Integration**: Right-click or Force Touch selected text to:\n  - Look up definitions in Dictionary.app\n  - Translate to/from any language\n  - Search the web\n  - Access all macOS Look Up features\n- **Responsive Design**: Automatically adjusts font size and contrast for any window size\n- **Optimized for Complex Scripts**: Specially tuned for Devanagari (Hindi), Arabic, Chinese, and other non-Latin scripts\n- **Clean Display**: Native IINA subtitles are automatically hidden to prevent overlap\n\n## Prerequisites\n\n- **IINA** 1.4.1 or later ([Download](https://iina.io/))\n- **macOS** 10.15 or later (for Look Up features)\n- **Subtitle files** in SRT format\n\n## Installation\n\n### Option 1: Download Pre-built Plugin (Recommended)\n\n1. Download the latest `clickable-subtitles.iinaplugin` from the [Releases](../../releases) page\n2. Double-click the downloaded file to install\n3. Restart IINA\n4. The plugin will load automatically\n\n### Option 2: Install from Source\n\n1. Clone or download this repository\n2. Open Terminal and run:\n   ```bash\n   /Applications/IINA.app/Contents/MacOS/iina-plugin link /path/to/clickable-subtitles\n   ```\n3. Restart IINA\n\n## Usage\n\n1. **Open a video in IINA**\n2. **Load subtitle file**:\n   - Drag and drop an SRT file onto IINA\n   - Or right-click → Load → Load Subtitle File\n3. **Select subtitle text**:\n   - Click and drag to select words or phrases\n4. **Look up the selection**:\n   - **Right-click** → Look Up\n   - Or **Force Touch** (trackpad) on the selected text\n   - Or **Ctrl+Cmd+D** keyboard shortcut\n\n### Example: Learning Hindi\n\nWhen watching Hindi content with Devanagari subtitles:\n\n1. A word appears: \"आइडिया\" (idea)\n2. Select the word with your cursor\n3. Right-click → Look Up\n4. See translation, transliteration, and definition\n\nThe plugin preserves all the fine details of Devanagari characters (मात्रा marks, conjuncts, etc.) for clear readability.\n\n## How It Works\n\nThe plugin:\n1. Reads subtitle data from IINA's mpv backend every 100ms\n2. Displays subtitles in a transparent overlay on top of the video\n3. Enables text selection in the overlay\n4. Hides IINA's native subtitles to prevent overlap\n5. Lets macOS handle dictionary/translation lookups natively\n\n## Supported Subtitle Formats\n\n- **SRT** (SubRip) - Fully tested and supported\n- Other formats may work but are untested\n\n## Known Limitations\n\n- **Plugin restart**: Changes to plugin files require restarting IINA\n- **SRT only**: Other subtitle formats not yet tested\n- **Polling-based**: Uses 100ms polling (event-based subtitle tracking doesn't work in IINA's plugin API)\n\n## Troubleshooting\n\n### Subtitles don't appear\n- Make sure subtitles are enabled in IINA (press `J` or check Subtitles menu)\n- Verify your subtitle file is in SRT format\n- Restart IINA\n\n### Can't select text\n- The overlay should be clickable by default\n- Try restarting IINA\n- Check IINA logs (Help → Show Log Viewer) for errors\n\n### Font too small/large\nThe plugin uses responsive sizing:\n- **Large windows**: 5vh font size\n- **Medium windows** (≤600px): 6vh font size\n- **Small windows** (≤400px): 7vh font size\n\nIf you need custom sizing, you can modify `index.js` and rebuild.\n\n## Development\n\nWant to modify or contribute to the plugin? See [CONTRIBUTING.md](CONTRIBUTING.md) for development setup and guidelines.\n\n### Quick Development Setup\n\n```bash\n# Clone repository\ngit clone https://github.com/kerim/iina-clickable-subtitles.git\ncd iina-clickable-subtitles\n\n# Install dependencies\nnpm install\n\n# Link plugin to IINA for development\n/Applications/IINA.app/Contents/MacOS/iina-plugin link $(pwd)\n\n# Edit index.js, bump version in Info.json, restart IINA to test\n```\n\n## Technical Details\n\n- **Architecture**: Uses IINA's `overlay.simpleMode()` for direct content injection\n- **Subtitle tracking**: Polls `mpv.getString(\"sub-text\")` every 100ms\n- **Styling**: CSS with responsive breakpoints and webkit-text-stroke for outlines\n- **Text selection**: Native browser text selection enabled with `user-select: text`\n\n## License\n\n[MIT License](LICENSE) - See LICENSE file for details\n\n## Credits\n\n- Built for [IINA](https://iina.io/) video player\n- Addresses feature request: [GitHub Issue #5805](https://github.com/iina/iina/issues/5805)\n- Developed with help from [Claude Code](https://claude.com/claude-code)\n\n## Contributing\n\nContributions welcome! Please read [CONTRIBUTING.md](CONTRIBUTING.md) before submitting pull requests.\n\n## Support\n\n- **Issues**: [GitHub Issues](../../issues)\n- **Feature requests**: [GitHub Discussions](../../discussions)\n- **IINA Documentation**: https://docs.iina.io/\n\n---\n\n**Made for language learners** ❤️\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkerim%2Fiina-clickable-subtitles","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkerim%2Fiina-clickable-subtitles","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkerim%2Fiina-clickable-subtitles/lists"}