Audibit：人気の技術記事をすぐに聴ける音声ポッドキャストにする

24.6K 00

はじめに

Audibitはオープンソースのプロジェクトで、Hacker NewsやTechCrunchなどの人気技術記事を自動的にオーディオポッドキャストに変換し、ユーザーが通勤中やワークアウト中、忙しいときにウェブやモバイルで情報を聴くことができるようにすることを中核機能としている。このプロジェクトでは、Next.jsと反応 Audibitは、GitHub Actionを通じてコンテンツを定期的に更新し、Netlifyにデプロイすることで、ゼロコンフィギュレーションで始めることができる。ユーザーは記事のフィードをカスタマイズすることができ、コミュニティはGitHubを介してコードを貢献することができます。このプロジェクトは技術愛好家や開発者向けにAGPL-3.0でライセンスされている。

機能一覧

Hacker News、TechCrunch、InfoQ、CoinDeskなどの技術記事を自動的にクロールします。
OpenAIとLemonfoxの技術を使って、記事を高品質なオーディオポッドキャストに。
ウェブアプリケーションの提供https://audibit.app)、インスタント・リスニングをサポートしている。
iOSとAndroidに対応したReact Nativeモバイルアプリをサポート。
記事や音声はGitHub Actionを通じて毎日更新され、手作業は必要ない。
ホスティングプロセスを合理化するためにNetlifyでデプロイしましょう。
オープンソースコード、カスタム記事フィードと機能拡張のサポート。
記事データと検索インデックスの管理には、PineconeとFirestoreを使用します。

ヘルプの使用

インストールと展開

AudibitはGitHubベースのオープンソースプロジェクトで、インストールとデプロイには基本的な開発スキルが必要です。詳しい手順は以下の通り：

クローン倉庫
Gitを使ってAudibitリポジトリをローカルにクローンする：
```
git clone https://github.com/YinTokey/Audibit.git
cd Audibit
```

依存関係のインストール
Node.jsがインストールされていることを確認し、以下のコマンドを実行してプロジェクトの依存関係をインストールする：
```
npm install
```
環境変数の設定
プロジェクトのルート・ディレクトリに .env ファイルに以下を追加する：
```
OPENAI_API_KEY=[your_openai_key]
GOOGLE_SERVICE_ACCOUNT=[your_service_account_string]
PINECONE_API_KEY=[your_pinecone_key]
DB_NAME=Audibit
```
- OPENAI_API_KEY音声合成はOpenAIの公式サイトから。
- GOOGLE_SERVICE_ACCOUNTFirestore データベースについては、プロジェクトのドキュメントを参照してください。 google_service.md 生成する。
- PINECONE_API_KEYPinecone インデックスの場合は、Firestore データベース名 (Audibit).
- FirestoreとPineconeが新しいファイル名 Audibit のデータベースとインデックス
ローカルオペレーション
開発サーバーを起動し、プロジェクトをプレビューする：
```
npm run dev
```
インタビュー http://localhost:3000 ウェブアプリケーションを見る。
製造と生産
本番バージョンをビルドし、サービスを開始する：
```
npm run build
npm run start
```
時間指定タスクの設定
AudibitはGitHub Actionを使って自動的に記事をクロールします。編集 .github/workflows/cron_job.yml毎日のキャプチャ時間を設定します。 cron_job.md.
Netlifyへのデプロイ
- Netlify にログインし、新しいサイトを作成してください。
- GitHubリポジトリに接続し、Audibitプロジェクトを選択します。
- ビルド・コマンドを npm run buildリリースカタログは以下の通り。 .next.
- 配備が完了したら deployment.md 最適化された構成。
- 配備サイトへのアクセスは https://audibit.app アクセス
モバイルアプリケーション
AudibitはReact Nativeのモバイルアプリ、リポジトリアドレスを提供しています：
```
git clone https://github.com/YinTokey/audibit-mobile.git
```
- React Native環境をインストールし、以下を実行する。 npm install.
- アプリケーションを起動する：
```
npx react-native run-android
npx react-native run-ios
```
- このアプリはNetlifyが提供するAPIに接続し、音声コンテンツを取得する。

主な機能の操作

オーディオ・ポッドキャストを聴く

インタビュー https://audibit.app またはモバイルアプリを開く。
トップページには、Hacker NewsやTechCrunchなどの最新技術記事の音声リストが掲載されている。
記事のタイトルをクリックすると音声が再生され、一時停止、早送り、巻き戻し、ダウンロードができます。
モバイルは、通勤やフィットネスシーンでのバックグラウンド再生に対応。
ウェブ側では、Chakra UIを使用して、クリーンなインターフェイスと、さまざまなデバイスに適応するレスポンシブ・デザインを提供している。

カスタム記事フィード

コンパイラ config/feeds.js1つ目は、次のような新しいRSSフィードを追加することである：

feeds: [
{ name: 'Hacker News', url: 'https://news.ycombinator.com/rss' },
{ name: 'TechCrunch', url: 'https://techcrunch.com/feed/' },
{ name: 'Custom Feed', url: '[your_rss_url]' }
]

変更をコミットしたら、GitHub Action を実行して音声コンテンツを更新します。

検索とデータ管理

Pineconeは、記事検索機能とキーワード検索のモバイルサポートを提供します。
Firestoreコンソールで記事のメタデータを表示し、手動で削除または編集することができます。
データベースを定期的にチェックし、データの同期とインデックスの整合性を確認する。

ほら

APIキーが公開リポジトリに漏れないようにする。
Netlifyの無料パッケージにはトラフィック制限があり、高頻度の使用にはアップグレードが必要です。
モバイルアプリは、最新のiOSとAndroidシステムに対応していなければならない。
コードを寄稿するには、プロジェクトの寄稿ガイドラインに従って、Pull Requestが必要です。
プロジェクトはAGPL-3.0ライセンスを使用しており、コードの変更はオープンソースである必要がある。

注目の機能操作

設定不要のクイックスタート

ユーザーは複雑な設定をしなくてもアクセスできる https://audibit.app 聴くことができる。
GitHub Actionは自動的にコンテンツを更新するので、ユーザーは聴くことだけに集中すればよい。

高品質オーディオ生成

OpenAIとLemonfoxのTTS技術と組み合わせることで、音声はクリアで自然なものになる。
国際化されたユーザーのための多言語記事変換をサポート。

コミュニティ主導の開発

ユーザーはGitHubを通じて、課題、機能提案、コード改善に関するフィードバックを提出することができる。
開発者にフォーカス @yintokey Xアカウントでプロジェクトの最新情報を入手する。

アプリケーションシナリオ

通勤中の情報入手
ユーザーはバスや地下鉄の中で、Audibit mobileでTechCrunchの最新記事を聴き、時間を有効に使うことができる。
開発者技術学習
プログラマーは、Hacker Newsの話題のディスカッションに耳を傾け、オープンソースプロジェクトやプログラミングのトレンドについて学び、開発のインスピレーションを得る。
フィットネス中の知識インプット
ユーザーは、ランニングやワークアウトをしながらヘッドフォンでInfoQの技術記事を聴くことができるので、ワークアウトと学習を同時に行うことができる。
オープンソースコミュニティへの参加
開発者は、AudibitのNext.jsフロントエンドまたはReact Nativeアプリケーションを最適化することで、最新のWeb開発テクニックを学ぶことができます。

品質保証

Audibitはどのような記事ソースをサポートしていますか？
Hacker News、TechCrunch、InfoQ、CoinDeskはデフォルトでサポートされており、ユーザー定義のRSSフィードが利用できます。
プロジェクトをローカルで実行するには？
リポジトリのクローン、依存関係のインストール、設定 .env ファイルを実行する。 npm run dev.
Netlifyにデプロイするためにお金を払う必要がありますか?
Netlifyの無料パッケージは、個々のデプロイメントをサポートし、トラフィック制限を超えると有料になる。
音質はどうですか？
OpenAIとLemonfoxのTTS技術により、音声は明瞭で、多言語に対応している。
コードを提供するには？
GitHub で Pull Request を提出し、コントリビューション・ガイドラインを参照し、問題のフィードバックや機能の提案を歓迎します。