webrtcstreamer.js:253 error:NotAllowedError: play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD

这是一个WebRTC相关的错误，发生在使用webrtcstreamer.js库时，错误提示"NotAllowedError: play() failed because the user didn't interact with the document first"。这意味着浏览器试图播放音频或视频流，但在尝试自动播放之前用户未对页面有交互操作，如点击、滚动等。根据同源策略（Same-Origin Policy），浏览器默认禁止此类自动播放行为，以保护用户的隐私和电池消耗。

解决这个问题，你可以采取以下步骤：

1. **用户交互触发**：在尝试播放前，添加一些用户交互的事件监听器，例如`click`, `touchstart` 或者 `focus`，当用户触发这些事件时再调用`play()`函数。

   document.getElementById('videoElement').addEventListener('click', function() {
     this.play();
   });

2. **设置media源时请求用户许可**：使用MediaDevices.getUserMedia API，允许你的应用在需要时请求权限播放媒体，这样可以避免直接播放。

3. **现代浏览器的自动播放控制**：有些新版本的浏览器提供API如`autoplay-policy` 和 `MediaSession` 来管理自动播放，你可以查阅并遵循相关文档调整你的代码。

记得在实际项目中考虑用户体验和兼容性，比如提供明显的播放按钮让用户主动开始播放。