動画、音声、PDF、およびファイルのダウンロード

概要

画像だけでなく、動画、音声、PDFドキュメント、および各種ダウンロード可能なファイル（Word、Excel、PowerPoint、EPUB、ZIP）を直接Kanorioにアップロードし、サイトのページ、ブログ記事、またはデジタル商品に含めることができます。

すべてのセルフホストされたメディアおよびPDFには、Kanorioの内蔵プレーヤーとリーダーが使用されます。インターフェースはクリーンで一貫性があり、サードパーティの広告は表示されず、再生終了時に他のチャンネルの動画が推奨されて訪問者の注意をそらすこともありません。

---

直接アップロードと埋め込み（YouTube/Spotify）の選択

サイトに動画や音声を追加する際、「ファイルを直接Kanorioにアップロードする」か、「統合モジュールを介して外部リンクを埋め込む」かを選択できます。それぞれ目的が異なります。

YouTube、TikTok、Instagram Reels、Spotify、またはApple Podcastの公開リンクを埋め込む場合は、対応する統合モジュールを使用してください。設定手順については、を参照してください。

---

内蔵動画・音声プレーヤーの機能

ページの「マルチメディアコンテンツ」モジュール、ブログ記事内、または顧客の「購入済みコンテンツ」ページなど、アップロードされたメディアはすべて同じプロ仕様のプレーヤーを使用します。デスクトップとモバイルの両方の訪問者が、以下の機能を利用できます。

• 再生再開と音量メモリ: 訪問者や受講者がページを閉じたり、更新したり、翌日戻ってきたりした場合、プレーヤーは中断した正確な秒数から自動的に再生を再開します。これは長い講義、ポッドキャスト、オンラインコースに最適です。
• 0.5倍から2倍の再生速度: プレーヤーの歯車アイコンをクリックして、0.5倍、0.75倍、1倍、1.25倍、1.5倍、1.75倍、または2倍の速度を切り替えることができます。
• ±10秒のシークとモバイルのダブルタップ: コントロールバーには10秒の巻き戻し・早送りボタンが含まれています。モバイルやタブレットでは、動画の左右をダブルタップして10秒スキップしたり、中央をダブルタップして全画面表示を切り替えたりできます。
• プログレスバーのプレビュー: プログレスバーにカーソルを合わせるとタイムスタンプのプレビューが表示され、特定のセクションへ簡単にジャンプできます。
• ピクチャー・イン・ピクチャー（PiP）とキャスト: 歯車メニューで「ピクチャー・イン・ピクチャー」を有効にすると、他のコンテンツを閲覧しながら動画を隅に浮かせて表示し続けることができます。訪問者のデバイスがAirPlayまたはChromecastに対応している場合、大画面視聴用のキャストボタンが自動的に表示されます。
• レスポンシブインターフェース: 複数の動画をグリッドで表示する場合、プレーヤーは二次的なボタンを自動的に非表示にして、よりすっきりとした外観にします。訪問者が表示を拡大したり全画面表示にしたりすると、完全なコントロールバーが表示されます。
• キーボードショートカット（デスクトップ）: プレーヤーにフォーカスがある状態で、SpaceまたはK（再生/一時停止）、J/Lまたは左右矢印（シーク）、M（ミュート）、F（全画面表示）を使用できます。

自動生成されるサムネイルとアルバムアート

再生前の黒い画面を避けるため、Kanorioはアップロード後に自動的にカバー画像を作成します。

• 動画: 1秒付近の鮮明なフレームを自動的にキャプチャし、16:9のカバーとして使用します。
• 音声: 埋め込まれたカバーアート（MP3のID3タグやM4Aのアートなど）を自動的に読み取ります。アートが埋め込まれていない場合は、音声アイコンが表示されます。
• 手動上書き: 「マルチメディアコンテンツ」モジュールは、デフォルトで自動生成されたカバーを表示します。いつでもカスタムカバーをアップロードしたり、「⋯ → 自動カバーに戻す」を選択して元に戻したりできます。

---

内蔵PDFオンラインリーダー

「マルチメディアコンテンツ」モジュール、ブログ記事、またはデジタル商品に.pdfファイルをアップロードすると、訪問者はダウンロードせずにページ上で直接閲覧・操作できます。

1. 自動生成されるサムネイルとページ数: アップロード時に、システムは最初のページをプレビューカバーとしてキャプチャし、隅に合計ページ数（例：12ページ）を表示します。
2. 全画面リーダー: 「読む」またはカバーをクリックすると全画面リーダーが展開され、ズームや連続スクロールに対応します。デスクトップでは、ページのサムネイルサイドバーを展開して素早く移動できます。
3. オンデマンド読み込みとモバイル最適化: 高解像度のカタログや資料であっても、リーダーは現在閲覧中のページのみをダウンロードし、使用していないページのメモリを解放するため、モバイルでもクラッシュすることなくスムーズにスクロールできます。

---

ファイルダウンロードカード（Word、Excel、PowerPoint、EPUB、ZIP）

イベントフォーム、スプレッドシート、プレゼンテーション、EPUB、またはデザインアセット（.zip）の場合、サイトは自動的に明確な「ファイルダウンロードカード」を生成します。

• 自動的なタイプとサイズのラベル付け: カードには、色分けされた形式ラベル（例：DOCX、XLSX、PPTX、EPUB、ZIP）、ファイル名、ファイルサイズが表示されます。訪問者は「ダウンロード」をクリックして、ファイルをデバイスに直接保存できます。
• セキュリティスキャンと形式検証: 訪問者と顧客を保護するため、システムはアップロード時に実際のファイルヘッダーを検証し（偽装されたファイル拡張子を防止）、.zipファイル内のディレクトリを自動的にスキャンします。
• 実行ファイルの制限: .zipファイルに実行プログラムやシステムインストーラー（例：Windowsの.exe、.msi、.bat、.cmd、.ps1、macOS/Linuxの.dmg、.pkg、.app、.sh、モバイルの.apk、.ipa）が含まれている場合、システムはアップロードを拒否します。.jsや.pyなどの標準的なWeb関連のコードファイルは許可されます。

---

動画、音声、PDF、およびファイルの追加場所

1. ページの「マルチメディアコンテンツ」モジュール

ホームページ、サービス説明、製品カタログ、または無料プレビューに最適です。

1. エディターで「モジュール」をクリックし、「マルチメディアコンテンツ」モジュールを追加します。
2. コンピュータからファイルをアップロードするか、「メディアライブラリから選択」をクリックして、以前にアップロードしたファイルを使用します。
3. タイトルと説明を追加し、必要に応じてカバー画像を更新します。
4. 動画、音声、またはPDFの場合、「ダウンロードを許可」を切り替えます（Word/ZIPなどの純粋なダウンロードファイルはデフォルトで有効になっています）。

2. ブログ記事のコンテンツ

記事内にチュートリアル、音声ガイド、研究PDF、または配布資料を埋め込むのに最適です。

1. ブログエディターで/を入力（または挿入メニューをクリック）します。
2. ファイルタイプに基づいてブロックを選択します。
   • 動画または音声: 直接アップロードするか、「その他のソース → メディアライブラリから選択」をクリックします。
   • PDF: .pdfをアップロードするか、公開リンクを貼り付けるか、ライブラリから選択してプレビューカードを表示します。
   • ファイル添付: Word、Excel、PowerPoint、EPUB、またはZIPファイルをアップロードして、カスタム表示名付きのダウンロードカードを表示します。

3. ストアの「デジタル商品」とマーケティングの「オンラインフォーム」

• デジタル商品の販売（有料アクセス）: コース、電子書籍、またはアセットパックを販売するには、「ストア › 商品」で商品タイプを「デジタル」に設定します。およびを参照してください。
• 訪問者からのファイル収集: 訪問者に履歴書、プレゼンテーション、または写真をアップロードしてもらうには、「マーケティング › オンラインフォーム」で「ファイルアップロード」の質問タイプを追加します。を参照してください。

---

メディア、PDF、およびファイルの形式制限

標準的な画像の制限（40MB）については、を参照してください。以下の表は、ファイルサイズの制限とサポートされている拡張機能の概要です（サイトの残りのに依存します）。

ヒント

• 大容量の動画をアップロードする際は、プログレスバーが完了するまでブラウザのタブを開いたままにしてください。「メディアライブラリ」で直接アップロードすると、キューを中断することなくタブを切り替えることができます。
• チュートリアルや製品デモの場合は、すべてのデバイスで互換性とファイルサイズのバランスが最も良い1080p .mp4 (H.264)として書き出してください。

関連記事