Web端实现视频通话

博主在完成自己的毕业设计时,需要完成一个音视频通话功能,于是采用了腾讯云的视频接口,将其实现出来,,以下是项目截图:
Web端实现视频通话_第1张图片
以下是主要代码:


"en">


  
  "utf-8">
  "viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  
  

  
  "stylesheet" href="./css/bootstrap-material-design.min.css">
  "stylesheet" href="./css/common.css">
  "stylesheet" href="./css/toastify.min.css">
  
  萌宠之家视频通话



"width:100%;height:100%;position:fixed;top:-70px;left:4px">
"form" >
"custom-container container">
"row">
"custom-row-container">
"row">
"col-ms">
"card custom-card">
"form-group" hidden/> "text" class="form-control" name="userId" id="userId">
"form-group bmd-form-group" hidden/> "text" class="form-control" name="roomId" id="roomId">
"form-group bmd-form-group">
"card" hidden/>
"setting-collapse" class="collapse" aria-labelledby="setting-collapse">
"card-body">
"form-group">
"form-group">
"video-grid" id="video_grid" >
"local_stream" class="video-placeholder" style="width:380px;height:300px">

你可能感兴趣的:(经验积累)