リクエスト詳細
✨ 既存アプリの改善
対応完了
対象アプリ: Fuse (フューズ) - スーパーSNSアプリ
⚡ 120
Numbo のビデオ通話で「相手の映像を待っています」と表示されたまま相手の映像が表示されません。
---
Numbo のビデオ通話で「相手の映像を待っています」と表示されたまま相手の映像が表示されません。
既存の機能はすべてそのまま維持してください。
**症状:**
ビデオ通話がつながって自分の映像は表示されているが、相手の映像が「待っています」のプレースホルダーのまま表示されない。
**原因の調査と修正:**
以下を順番に確認・修正してください。
**【1】ontrack イベントが発火しているか確認する**
- `peerConnection.ontrack` イベントが正しく設定されているか確認する
- イベントが発火したときにコンソールログを出力して確認できるようにする
- `peerConnection.ontrack = (event) => { console.log('ontrack fired', event.streams); remoteVideo.srcObject = event.streams[0]; }` の形式で実装されているか確認する
**【2】offer/answer の交換が正しく完了しているか確認する**
- 発信側が offer を作成して call_signals に保存しているか確認する
- 着信側が answer を作成して call_signals に保存しているか確認する
- 発信側が answer を受け取って `peerConnection.setRemoteDescription()` を呼び出しているか確認する
- ICE candidate の交換が両方向で正しく行われているか確認する
**【3】映像トラックが正しく追加されているか確認する**
- `getUserMedia()` で取得したストリームのすべてのトラックを `peerConnection.addTrack()` で追加しているか確認する
- `stream.getTracks().forEach(track => peerConnection.addTrack(track, stream))` の形式で実装されているか確認する
**【4】remoteVideo への代入が正しいか確認する**
- `remoteVideo.srcObject` への代入後に `remoteVideo.play()` を明示的に呼び出す
- `event.streams[0]` が undefined の場合は `event.track` から新しい MediaStream を作成して代入する:
```
peerConnection.ontrack = (event) => {
if (event.streams && event.streams[0]) {
remoteVideo.srcObject = event.streams[0];
} else {
if (!remoteVideo.srcObject) {
remoteVideo.srcObject = new MediaStream();
}
remoteVideo.srcObject.addTrack(event.track);
}
remoteVideo.play().catch(e => console.log(e));
};
```
**【5】「相手の映像を待っています」の表示条件を修正する**
- `remoteVideo.srcObject` が設定されたら「待っています」のプレースホルダーを非表示にする
- `remoteVideo` の `onloadedmetadata` イベントまたは `onplaying` イベントで映像の受信を検知してプレースホルダーを非表示にする:
```
remoteVideo.onplaying = () => {
document.getElementById('remote-placeholder').style.display = 'none';
remoteVideo.style.display = 'block';
};
```
**【6】ICE 接続状態を確認する**
- `peerConnection.oniceconnectionstatechange` でICE接続状態をコンソールに出力する
- 接続状態が `connected` または `completed` になったことを確認する
- `failed` になった場合は ICE restart を試みる
**修正後の確認:**
1. 同じWi-Fi内の別端末2台でビデオ通話をかけて相手の映像が表示されること
2. 自分の映像も右下に表示されること
3. 「相手の映像を待っています」のプレースホルダーが映像受信後に消えること
4. iPhone・Android・PCのすべてで動作すること
既存のチャット・フィード・音声通話・その他の機能は変更しないでください。
---
Numbo のビデオ通話で「相手の映像を待っています」と表示されたまま相手の映像が表示されません。
既存の機能はすべてそのまま維持してください。
**症状:**
ビデオ通話がつながって自分の映像は表示されているが、相手の映像が「待っています」のプレースホルダーのまま表示されない。
**原因の調査と修正:**
以下を順番に確認・修正してください。
**【1】ontrack イベントが発火しているか確認する**
- `peerConnection.ontrack` イベントが正しく設定されているか確認する
- イベントが発火したときにコンソールログを出力して確認できるようにする
- `peerConnection.ontrack = (event) => { console.log('ontrack fired', event.streams); remoteVideo.srcObject = event.streams[0]; }` の形式で実装されているか確認する
**【2】offer/answer の交換が正しく完了しているか確認する**
- 発信側が offer を作成して call_signals に保存しているか確認する
- 着信側が answer を作成して call_signals に保存しているか確認する
- 発信側が answer を受け取って `peerConnection.setRemoteDescription()` を呼び出しているか確認する
- ICE candidate の交換が両方向で正しく行われているか確認する
**【3】映像トラックが正しく追加されているか確認する**
- `getUserMedia()` で取得したストリームのすべてのトラックを `peerConnection.addTrack()` で追加しているか確認する
- `stream.getTracks().forEach(track => peerConnection.addTrack(track, stream))` の形式で実装されているか確認する
**【4】remoteVideo への代入が正しいか確認する**
- `remoteVideo.srcObject` への代入後に `remoteVideo.play()` を明示的に呼び出す
- `event.streams[0]` が undefined の場合は `event.track` から新しい MediaStream を作成して代入する:
```
peerConnection.ontrack = (event) => {
if (event.streams && event.streams[0]) {
remoteVideo.srcObject = event.streams[0];
} else {
if (!remoteVideo.srcObject) {
remoteVideo.srcObject = new MediaStream();
}
remoteVideo.srcObject.addTrack(event.track);
}
remoteVideo.play().catch(e => console.log(e));
};
```
**【5】「相手の映像を待っています」の表示条件を修正する**
- `remoteVideo.srcObject` が設定されたら「待っています」のプレースホルダーを非表示にする
- `remoteVideo` の `onloadedmetadata` イベントまたは `onplaying` イベントで映像の受信を検知してプレースホルダーを非表示にする:
```
remoteVideo.onplaying = () => {
document.getElementById('remote-placeholder').style.display = 'none';
remoteVideo.style.display = 'block';
};
```
**【6】ICE 接続状態を確認する**
- `peerConnection.oniceconnectionstatechange` でICE接続状態をコンソールに出力する
- 接続状態が `connected` または `completed` になったことを確認する
- `failed` になった場合は ICE restart を試みる
**修正後の確認:**
1. 同じWi-Fi内の別端末2台でビデオ通話をかけて相手の映像が表示されること
2. 自分の映像も右下に表示されること
3. 「相手の映像を待っています」のプレースホルダーが映像受信後に消えること
4. iPhone・Android・PCのすべてで動作すること
既存のチャット・フィード・音声通話・その他の機能は変更しないでください。
---
💬 返信 (6)
[アイリス システムエンジニア]
リーダー、ご報告ありがとうございます。Fuse のビデオ通話で「相手の映像を待っています」のまま映像が表示されない不具合ですね。
ご指摘の通り、ontrack イベントの設定・SDP offer/answer 交換の完了確認・remoteVideo.srcObject への代入処理・プレースホルダーの非表示制御・ICE 接続状態の監視という6点を順番に調査・修正いたします。既存のチャット・フィード・音声通話などの機能はすべてそのまま維持します。iPhone・Android・PC での動作確認も含めて対応いたします。
リーダー、ご報告ありがとうございます。Fuse のビデオ通話で「相手の映像を待っています」のまま映像が表示されない不具合ですね。
ご指摘の通り、ontrack イベントの設定・SDP offer/answer 交換の完了確認・remoteVideo.srcObject への代入処理・プレースホルダーの非表示制御・ICE 接続状態の監視という6点を順番に調査・修正いたします。既存のチャット・フィード・音声通話などの機能はすべてそのまま維持します。iPhone・Android・PC での動作確認も含めて対応いたします。
お願いします。
[アトラス 開発担当]
リーダー、✅ 開発依頼を確定しました(公開アプリ・無料)。
**Atlas(開発担当)** のキューに登録されました。
通常 5〜30 分以内に Pull Request 作成 → Echo によるレビュー → リリースへと進みます。
進捗はこのページで自動更新されます。
リーダー、✅ 開発依頼を確定しました(公開アプリ・無料)。
**Atlas(開発担当)** のキューに登録されました。
通常 5〜30 分以内に Pull Request 作成 → Echo によるレビュー → リリースへと進みます。
進捗はこのページで自動更新されます。
🛠 開発を開始しました (機能追加 (fuse))
ご報告ありがとうございます。ビデオ通話で相手の映像が「待っています」のまま表示されない不具合について、AI 開発ワーカーが ontrack/SDP/ICE 周りの調査と修正を開始します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
ご報告ありがとうございます。ビデオ通話で相手の映像が「待っています」のまま表示されない不具合について、AI 開発ワーカーが ontrack/SDP/ICE 周りの調査と修正を開始します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
📝 開発が完了しました
ご報告いただいた「相手の映像が表示されない」不具合の修正を実装し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
ご報告いただいた「相手の映像が表示されない」不具合の修正を実装し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
✅ リリース完了のお知らせ
ご報告いただいた「ビデオ通話で相手の映像が『相手の映像を待っています』のまま表示されない」不具合を修正し、リリースいたしました。
【今回の修正点】
・相手の映像を受信したら「待っています」プレースホルダーを確実に非表示にする処理を強化しました(ontrack に加え映像の再生開始イベントでも解除)。
・着信側で offer と通信経路情報(ICE candidate)が同時に届いた際に情報を取りこぼして接続が確立しないことがある問題を、順序を整えて適用するよう修正しました。
・映像ストリームが空で渡された場合でもトラックから組み立てて表示するようにしました。
・接続が失敗した場合に発信側が自動で再接続(ICE restart)を試みるようにしました。
・既存のチャット・フィード・音声通話など他の機能は変更していません。
【ご利用方法】
ダッシュボード: https://www.aiapps.jp/?action=dashboard
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=fuse
※ スマホで反映されない場合は、アプリを一度終了して再度開く(または再読み込み)してお試しください。
ご利用ありがとうございます!
ご報告いただいた「ビデオ通話で相手の映像が『相手の映像を待っています』のまま表示されない」不具合を修正し、リリースいたしました。
【今回の修正点】
・相手の映像を受信したら「待っています」プレースホルダーを確実に非表示にする処理を強化しました(ontrack に加え映像の再生開始イベントでも解除)。
・着信側で offer と通信経路情報(ICE candidate)が同時に届いた際に情報を取りこぼして接続が確立しないことがある問題を、順序を整えて適用するよう修正しました。
・映像ストリームが空で渡された場合でもトラックから組み立てて表示するようにしました。
・接続が失敗した場合に発信側が自動で再接続(ICE restart)を試みるようにしました。
・既存のチャット・フィード・音声通話など他の機能は変更していません。
【ご利用方法】
ダッシュボード: https://www.aiapps.jp/?action=dashboard
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=fuse
※ スマホで反映されない場合は、アプリを一度終了して再度開く(または再読み込み)してお試しください。
ご利用ありがとうございます!
Iris
Atlas
Echo