MediaSoup客户端js调试方法的记录

MediaSoup客户端js调试方法的记录

---

MediaSoup

一、 MediaSoup

1、MediaSoup客户端js调试方法的记录

前言

WebRTC是音视频行业的标杆， 如果要学习音视频， WebRTC是进入音视频行业最好方法， 里面可以有成熟方案， 例如：音频中3A 算法、网络评估、自适应码流、Simulcast、SVC等等 ， 非常适合刚刚进入音视频行业小伙伴哈^_ 我也是哦， 以后再音视频行业长期打算的小伙伴的学习项目。 里面有大量知识点

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、 MediaSoup的js的客户端调试经验

获取对方控件位置的 调试 的基本的js的api 的 getElementsByClassName( )、getElementsByTagName( )、getElementsByName( )

//对方的信息数组获取控件位置的信息的数组
 var a = document.getElementById("mediasoup-demo-app-container").getElementsByClassName("peer-container");
	 console.log( a );
	 var b = document.getElementById("mediasoup-demo-app-container").getElementsByClassName("peer-container")[0];
	 console.log( b );
	 console.log('offsetLeft = ' + b.offsetLeft);
	const temp_peers =  document.getElementById('mediasoup-demo-app-container');
	const temp_peer =  document.getElementById('video');
	console.log("=================mediasoup-demo-app-container============ temp peers = " + temp_peers.right + ", offsetLeft = " + temp_peers.offsetLeft);
	console.log("===============video ============== temp peer = " + temp_peer);

查看js调试信息

总结

[ 代码项目地址：https://github.com/chensongpoixs/cmediasoup_demo.git](https://github.com/chensongpoixs/cmediasoup_demo.git)