Skip to content

kurono-soshiki/zihou

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

⏰ Zihou - 時報サイト

正確な時刻をお届けする、読み上げとチャイム機能付きの時報サイトです。

🌟 特徴

  • 正確な時刻表示: インターネットから時刻を取得し、正確な時間を表示
  • 音声読み上げ: 現在時刻を日本語で読み上げ
  • チャイム機能: 美しいチャイム音で時刻をお知らせ
  • 自動時報: 毎時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/

📱 使い方

  1. サイトにアクセスすると自動で時刻が表示されます
  2. 「現在時刻を読み上げ」ボタンで音声読み上げ
  3. 「チャイムを鳴らす」ボタンでチャイム音再生
  4. 設定で毎時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

About

web時報サイト

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors