- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我在Web应用程序中使用WebRTC进行音频播放。因为我是WebRTC的新手,所以我使用@https://webrtc.github.io/samples/src/content/peerconnection/audio/给出的示例作为引用。
问题是,有50%的时间,当应用程序加载到浏览器中时,没有音频播放。
我的WebRTC音频播放器的代码如下:
export default class WebRTCAudioPlayer {
constructor()
{
this.audioPlayer = document.createElement("audio");
this.audioPlayer.autoplay = true;
const server = null;
this.inputChannel = new RTCPeerConnection(server);
console.info("WebRTCAudioPlayer : Created local peer connection object - inputChannel");
this.outputChannel = new RTCPeerConnection(server);
console.info("WebRTCAudioPlayer : Created remote peer connection object - outputChannel");
this.inputChannel.onicecandidate = e => {
this.outputChannel.addIceCandidate(e.candidate).then( _ => {
console.info("WebRTCAudioPlayer : outputChannel Add ICE candidate Success");
});
console.info(`WebRTCAudioPlayer : inputChannel ICE candidate: \n${e.candidate ? e.candidate.candidate : '(null)'}`);
}
this.outputChannel.onicecandidate = e => {
this.inputChannel.addIceCandidate(e.candidate).then( _ => {
console.info("WebRTCAudioPlayer : inputChannel Add ICE candidate Success");
});
console.info(`WebRTCAudioPlayer : outputChannel ICE candidate: \n${e.candidate ? e.candidate.candidate : '(null)'}`);
}
this.outputChannel.ontrack = this.addTrackToAudioPlayer;
}
connect = (stream) => {
console.info("WebRTCAudioPlayer : Received Local Stream");
stream.getTracks().forEach(track => this.inputChannel.addTrack(track, stream));
console.info("WebRTCAudioPlayer : Adding local stream to peer connection");
const offerOptions = {
offerToReceiveAudio: 1,
offerToReceiveVideo: 0,
voiceActivityDetection: false
};
this.inputChannel.createOffer(offerOptions).then(this.onInputChannelReady);
}
addTrackToAudioPlayer = (e) =>{
this.audioPlayer.srcObject = e.streams[0];
console.info("WebRTCAudioPlayer : Received Remote Stream");
console.info(e.streams[0]);
}
onInputChannelReady = (desc) => {
console.log(`WebRTCAudioPlayer : Offer from inputChannel\n${desc.sdp}`);
this.inputChannel.setLocalDescription(desc).then(() => {
this.outputChannel.setRemoteDescription(desc).then(() => {
this.outputChannel.createAnswer().then(this.onOutputChannelReady);
});
});
}
onOutputChannelReady = (desc) => {
console.log(`WebRTCAudioPlayer : Answer from outputChannel\n${desc.sdp}`);
this.outputChannel.setLocalDescription(desc).then(() => {
this.inputChannel.setRemoteDescription(desc);
});
}
}
v=0
o=- 2583551410876962681 2 IN IP4 127.0.0.1
s=-
t=0 0
a=group:BUNDLE 0
a=msid-semantic: WMS f5c29c05-4900-4af7-85b8-05295ceca69b
m=audio 9 UDP/TLS/RTP/SAVPF 111 103 104 9 0 8 110 112 113 126
c=IN IP4 0.0.0.0
a=rtcp:9 IN IP4 0.0.0.0
a=ice-ufrag:I0AS
a=ice-pwd:uQ8zxPynX8wD2EhQsb/kRaJA
a=ice-options:trickle
a=fingerprint:sha-256 56:97:15:F7:3C:CE:CA:6F:14:99:4F:F0:A0:22:2F:53:41:02:92:F1:55:23:BA:9F:06:85:CA:22:BC:BA:8E:77
a=setup:actpass
a=mid:0
a=extmap:1 urn:ietf:params:rtp-hdrext:ssrc-audio-level
a=extmap:2 http://www.webrtc.org/experiments/rtp-hdrext/abs-send-time
a=extmap:3 http://www.ietf.org/id/draft-holmer-rmcat-transport-wide-cc-extensions-01
a=extmap:4 urn:ietf:params:rtp-hdrext:sdes:mid
a=extmap:5 urn:ietf:params:rtp-hdrext:sdes:rtp-stream-id
a=extmap:6 urn:ietf:params:rtp-hdrext:sdes:repaired-rtp-stream-id
a=sendrecv
a=msid:f5c29c05-4900-4af7-85b8-05295ceca69b 7d5853b3-bddc-4b68-a440-821d890e950c
a=rtcp-mux
a=rtpmap:111 opus/48000/2
a=rtcp-fb:111 transport-cc
a=fmtp:111 minptime=10;useinbandfec=1
a=rtpmap:103 ISAC/16000
a=rtpmap:104 ISAC/32000
a=rtpmap:9 G722/8000
a=rtpmap:0 PCMU/8000
a=rtpmap:8 PCMA/8000
a=rtpmap:110 telephone-event/48000
a=rtpmap:112 telephone-event/32000
a=rtpmap:113 telephone-event/16000
a=rtpmap:126 telephone-event/8000
a=ssrc:4020756194 cname:MTZVmqTew7j4Wkyu
a=ssrc:4020756194 msid:f5c29c05-4900-4af7-85b8-05295ceca69b 7d5853b3-bddc-4b68-a440-821d890e950c
a=ssrc:4020756194 mslabel:f5c29c05-4900-4af7-85b8-05295ceca69b
a=ssrc:4020756194 label:7d5853b3-bddc-4b68-a440-821d890e950c
v=0
o=- 412588473058311746 2 IN IP4 127.0.0.1
s=-
t=0 0
a=group:BUNDLE 0
a=msid-semantic: WMS
m=audio 9 UDP/TLS/RTP/SAVPF 111 103 104 9 0 8 110 112 113 126
c=IN IP4 0.0.0.0
a=rtcp:9 IN IP4 0.0.0.0
a=ice-ufrag:aSFD
a=ice-pwd:aHPt4OlSgdLcpNEnn2P4+LfS
a=ice-options:trickle
a=fingerprint:sha-256 B7:81:7F:E0:5C:FC:C3:46:7C:2C:EB:A2:4B:88:CD:00:6E:5B:B1:1E:F4:0A:52:AB:FA:6C:1E:23:1D:72:D7:03
a=setup:active
a=mid:0
a=extmap:1 urn:ietf:params:rtp-hdrext:ssrc-audio-level
a=extmap:2 http://www.webrtc.org/experiments/rtp-hdrext/abs-send-time
a=extmap:3 http://www.ietf.org/id/draft-holmer-rmcat-transport-wide-cc-extensions-01
a=extmap:4 urn:ietf:params:rtp-hdrext:sdes:mid
a=extmap:5 urn:ietf:params:rtp-hdrext:sdes:rtp-stream-id
a=extmap:6 urn:ietf:params:rtp-hdrext:sdes:repaired-rtp-stream-id
a=recvonly
a=rtcp-mux
a=rtpmap:111 opus/48000/2
a=rtcp-fb:111 transport-cc
a=fmtp:111 minptime=10;useinbandfec=1
a=rtpmap:103 ISAC/16000
a=rtpmap:104 ISAC/32000
a=rtpmap:9 G722/8000
a=rtpmap:0 PCMU/8000
a=rtpmap:8 PCMA/8000
a=rtpmap:110 telephone-event/48000
a=rtpmap:112 telephone-event/32000
a=rtpmap:113 telephone-event/16000
a=rtpmap:126 telephone-event/8000
最佳答案
尝试重新协商对等连接。
我的场景:
关于javascript - WebRTC音频无法播放-间歇性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61791961/
我做了一个项目,使用两个不同的textview进行触摸来播放两个音频。 这是一个文本 View 的简单代码 tv.setOnTouchListener(new OnTouchListener() {
我正在使用 pygame 模块在 python 中操作声音文件。它在交互式 python session 中工作正常,但相同的代码在 bash 中不会产生任何结果: 交互式Python $ sudo
请注意它只能是 JavaScript。请参阅下面我当前的 HTML。我需要像当前代码一样在页面之间旋转。但是,我需要能够在页面之间暂停/播放。
我有一个带有一堆音频链接的html。我正在尝试使所有音频链接都在单击时播放/暂停,并且尝试了here解决方案。这正是我所追求的,只是我现在不得不修改此功能以应用于代码中的所有音频链接(因为我不能为每个
在尝试进入我的代码中的下一个文件之前,我尝试随机播放.wav文件数毫秒。最好的方法是什么? 我目前有以下代码: #!/usr/bin/env python from random import ran
我有2个回调函数,一个播放音频,另一个停止音频。 function Play_Callback(hObject, eventdata, handles) global path; global pla
我有一个电台应用程序,并与carplay集成。在Carplay仪表板中,我仅看到专辑封面图像和停止按钮。我想在仪表板上显示播放/暂停和跳过按钮。如果您对该站有任何了解,可以帮我吗? 最佳答案 您需要使
我正在使用 ffmpeg 创建一个非常基本的视频播放器。库,我有所有的解码和重新编码,但我坚持音频视频同步。 我的问题是,电影有音频和视频流混合(交织),音频和视频以“突发”(多个音频包,然后是并列的
我不知道我在做什么错 $(document).ready(function() { var playing = false; var audioElement = document.
我正在尝试通过(input:file)Elem加载本地音频文件,当我将其作为对象传递给音频构造函数Audio()时,它不会加载/播放。 文件对象参数和方法: lastModified: 1586969
在 Qt 中创建播放/暂停按钮的最佳方法是什么?我应该创建一个操作并在单击时更改其图标,还是应该创建两个操作然后以某种方式在单击时隐藏一个操作?如何使用一个快捷键来激活这两个操作? (播放时暂停,暂停
我正在用 Python 和 SQLite 构建一个预订系统。 我有一个 Staff.db 和 Play.db (一对多关系)。这个想法是这样的:剧院的唯一工作人员可以通过指定开始日期和时间来选择何时添
我有一个服务于 AAC+ (HE v2) 的 Icecast 服务器。我在我的网页中使用 JPlayer 来播放内容。在没有 Flash Player 的 Chromium 中,它工作得很好。 对于支
当我运行我的方法时,我收到一个MediaException。我使用 playSound("src/assets/timeup.mp3"); 调用该方法。 private void playSound(
我有一项正在播放播客的服务。我希望该服务检测用户何时按下暂停或从他们的 BT radio 播放,以便我可以停止和启动它。对于我的生活,我无法弄清楚要向我的监听器添加什么过滤器(当我按下 BT 按钮时,
我对 Java 不是很在行,在研究网站上的音乐循环的简单播放/暂停按钮后,我得到了这段代码。它可以很好地离线测试,但在上传到 FTP 服务器后,它不会在任何浏览器中播放音频,我得到 SyntaxErr
我有一个使用 flickity carousel library 创建的视频轮播, 见过 here on codepen .我想要发生的是,当用户滑动轮播时,所选幻灯片停止播放,然后占据所选中间位置的
这是一个 JSFiddle: http://jsfiddle.net/8LczkwLz/19/ HTML: JS: var flashcardAudio = documen
我的问题是我无法将歌曲标题文本保持在 line-height: 800px;当用户播放或暂停播放器时。我设法在 :hover 上做到了。这似乎是一件非常棘手的事情,这真的是我第一次遇到 CSS 如此困
我还没有找到与我的完全一样的帖子,所以这就是问题所在。我正在制作一个 mp3 播放器,播放/暂停是两个单独的按钮。这是我的代码。 prevButton = document.getElementByI
我是一名优秀的程序员,十分优秀!