正確な時刻をお届けする、読み上げとチャイム機能付きの時報サイトです。
- 正確な時刻表示: インターネットから時刻を取得し、正確な時間を表示
- 音声読み上げ: 現在時刻を日本語で読み上げ
- チャイム機能: 美しいチャイム音で時刻をお知らせ
- 自動時報: 毎時0分に自動でチャイムや読み上げが可能
- レスポンシブデザイン: スマホ・タブレット・PCに対応
- シンプルな操作: 直感的で使いやすいインターフェース
- リアルタイムでの時刻・日付表示
- インターネット時刻API(World Time API)との同期
- ネットワーク遅延を考慮した正確な時刻表示
- 読み上げ: Web Speech APIを使用した時刻の読み上げ
- チャイム: Web Audio APIで生成した美しいチャイム音
- 自動時報: 毎時0分の自動チャイム・読み上げ設定
- 設定の保存(LocalStorage使用)
- 定期的な時刻同期(5分間隔)
- オフライン時のローカル時刻表示
- フロントエンド: HTML5, CSS3, JavaScript (ES6+)
- 音声合成: Web Speech API
- 音声生成: Web Audio API
- 時刻同期: World Time API
- ストレージ: LocalStorage
- レスポンシブ: CSS Grid & Flexbox
GitHub Pagesで公開中: https://kurono-soshiki.github.io/zihou/
- サイトにアクセスすると自動で時刻が表示されます
- 「現在時刻を読み上げ」ボタンで音声読み上げ
- 「チャイムを鳴らす」ボタンでチャイム音再生
- 設定で毎時0分の自動時報を有効にできます
# リポジトリをクローン
git clone https://github.com/kurono-soshiki/zihou.git
cd zihou
# ローカルサーバーで実行(例:Python)
python -m http.server 8000
# ブラウザでアクセス
open http://localhost:8000- Chrome 60+ ✅
- Firefox 55+ ✅
- Safari 14+ ✅
- Edge 79+ ✅
※ 音声機能はHTTPS環境で最適に動作します
MIT License - 自由にご利用ください
バグ報告や機能提案はIssueでお気軽にどうぞ!
Zihou - Simple & Accurate Time Announcement Site