WEB RTC屏幕分享

[{"insert":"1.DEMO的核心功能是基于RTC综合小模块实现的，而小模块中又对接了腾讯云的实时音视频服务，所以需要自行开通该服务看，在小模块中配置好云服务参数。\n"},{"insert":{"image":"//file3.ih5.cn/v35/files/4b88da06d3504326d9658f8c432e7873_80176_1410_719.png"}},{"insert":"\n"},{"insert":{"image":"//file3.ih5.cn/v35/files/9fd5f34732415a495ebbebe1e0842816_46223_1286_468.png"}},{"insert":"\n"},{"insert":{"image":"//file3.ih5.cn/v35/files/f58b534d2f51106124a4d0636d4c486f_84708_1832_601.png"}},{"insert":"\n"},{"insert":{"image":"//file3.ih5.cn/v35/files/c8615f5b17b581b097b2e00b415d4218_54510_1820_400.png"}},{"insert":"\n\n2.进入视频房间需要填写房间号和用户名，其中房间号仅由数字组成。\n"},{"insert":{"image":"//file3.ih5.cn/v35/files/fdaf2d10ecac651416ff706328abbaf9_22118_759_553.png"}},{"insert":"\n\n3.用户需要在进入房间前就设定是否分享屏幕和摄像头（demo中默认打开麦克风），选择分享屏幕进入房间后会弹出一个弹窗，此时需要选择分享内容并确定之后才算是开始分享屏幕。\n"},{"insert":{"image":"//file3.ih5.cn/v35/files/459ea483192ebe2064c21d28d0b9ec31_71459_1917_926.png"}},{"insert":"\n\n4.用户下载后打开两个预览页面，分别输入相同的房间号和不同的用户名，其中一个选择分享屏幕。然后当双方进入房间后，即可自动播放。\n"},{"insert":{"image":"https://file3.ih5.cn/v35/files/e6cccebdf21d03b2eef1dff5172436c7_229920_1659_816.png"}},{"insert":"\n"},{"insert":{"image":"//file3.ih5.cn/v35/files/51d7b7205bbfa2bdd2bf1b23fe796c1c_697650_1836_819.png"}},{"insert":"\n\n5.进入房间成功后用户即可通过小模块获取流的动作获得其他用户的音频流和视频流并选择播放，本demo中是设定自动播放所有音频流，另仅播放一个视频流。\n"},{"insert":{"image":"//file3.ih5.cn/v35/files/1127385dd1e310cc6b2b83a55d8707c3_85964_852_788.png"}},{"insert":"\n\n6.所有流的播放需要自制一个播放器，可以使用行列组件，将其属性中的“额外元素类”设置为“.player_”+流的“id_”，然后调用小模块的播放指定流时上传流的“id_”和播放器的额外元素类两个参数即可正常播放。\n"},{"insert":{"image":"//file3.ih5.cn/v35/files/7ec0f6900131e04f61457d188515ea3f_111059_1830_712.png"}},{"insert":"\n"},{"insert":{"image":"//file3.ih5.cn/v35/files/99db9109165220097b775f7fe13d8514_64367_1786_391.png"}},{"insert":"\n\n7.DEMO中限制了体验时长，下载案例后可以将触发器及相关逻辑删除。\n"},{"insert":{"image":"//file3.ih5.cn/v35/files/604c169819a840bbaa523480068be19c_125189_1798_773.png"}},{"insert":"\n"}]