📜  HTML |<rtc>标签(1)

📅  最后修改于: 2023-12-03 14:41:53.051000             🧑  作者: Mango

HTML | rtc 标签

简介

rtc 标签代表 WebRTC 的组件。WebRTC 实现了浏览器之间的实时通讯(Real-Time Communications,RTC),包括视频、音频、数据等等。

rtc 标签可以包含 video 和 audio 子元素,用于展示视频和音频。

语法
<rtc>
  <video></video>
  <audio></audio>
</rtc>

rtc 标签必须包含 video 和 audio 子元素,否则将无法正常工作。

属性

rtc 标签没有任何属性。

子元素
video

video 子元素用于展示视频。以下是常用属性:

  • autoplay:自动播放视频
  • muted:静音模式
  • loop:循环播放
  • controls:显示视频控制面板
audio

audio 子元素用于播放音频。以下是常用属性:

  • autoplay:自动播放音频
  • muted:静音模式
  • controls:显示音频控制面板
示例
<rtc>
  <video autoplay loop muted>
    <source src="video.mp4" type="video/mp4">
  </video>
  <audio autoplay loop muted>
    <source src="audio.mp3" type="audio/mp3">
  </audio>
</rtc>

该示例展示了如何在 rtc 标签中同时播放视频和音频。其中的 video 子元素使用了 autoplay、loop 和 muted 属性,而 audio 子元素使用了 autoplay、loop 和 muted 属性。同时,在 video 和 audio 子元素中使用了 source 元素来指定要播放的视频和音频文件。

浏览器支持

rtc 标签在以下浏览器中被支持:

  • Google Chrome
  • Mozilla Firefox
  • Microsoft Edge

注意:Internet Explorer 不支持 rtc 标签。