HTML5中media元素的DOM接口

更新时间:2019-09-06 11:04:42 来源:青锋建站 作者:青锋建网站
  传统HTML4必须依靠第三方来加载音视频,如使用FLASH,随着H5的迅速发展,HTML5中新添加了媒体元素,包括media元素,音频或视频的媒体元素,以下是青儿建站给大家分享的HTML5中media元素的DOM接口。

HTML5媒体元素有以下接口:

enum CanPlayTypeEnum { "" /* empty string */, "maybe", "probably" };
interface HTMLMediaElement : HTMLElement {
  // error state
  readonly attribute MediaError? error;

  // network state
           attribute DOMString src;
  readonly attribute DOMString currentSrc;
           attribute DOMString crossOrigin;
  const unsigned short NETWORK_EMPTY = 0;
  const unsigned short NETWORK_IDLE = 1;
  const unsigned short NETWORK_LOADING = 2;
  const unsigned short NETWORK_NO_SOURCE = 3;
  readonly attribute unsigned short networkState;
           attribute DOMString preload;
  readonly attribute TimeRanges buffered;
  void load();
  CanPlayTypeEnum canPlayType(DOMString type);

  // ready state
  const unsigned short HAVE_NOTHING = 0;
  const unsigned short HAVE_METADATA = 1;
  const unsigned short HAVE_CURRENT_DATA = 2;
  const unsigned short HAVE_FUTURE_DATA = 3;
  const unsigned short HAVE_ENOUGH_DATA = 4;
  readonly attribute unsigned short readyState;
  readonly attribute boolean seeking;

  // playback state
           attribute double currentTime;
  readonly attribute unrestricted double duration;
  Date getStartDate();
  readonly attribute boolean paused;
           attribute double defaultPlaybackRate;
           attribute double playbackRate;
  readonly attribute TimeRanges played;
  readonly attribute TimeRanges seekable;
  readonly attribute boolean ended;
           attribute boolean autoplay;
           attribute boolean loop;
  void play();
  void pause();

  // media controller
           attribute DOMString mediaGroup;
           attribute MediaController? controller;

  // controls
           attribute boolean controls;
           attribute double volume;
           attribute boolean muted;
           attribute boolean defaultMuted;

  // tracks
  readonly attribute AudioTrackList audioTracks;
  readonly attribute VideoTrackList videoTracks;
  readonly attribute TextTrackList textTracks;
  TextTrack addTextTrack(TextTrackKind kind, optional DOMString label = "", optional DOMString language = "");
};

HTML5媒体元素使用说明:

  媒体元素的属性,src, crossorigin, preload, autoplay, mediagroup, loop, muted, 和 controls,适用于所有的媒体元素。
  媒体元素用于向用户呈现音频数据或视频和混合音视频。这一部分被称为媒体数据,因此本节同样适用于media元素,音频或视频的媒体元素。术语“媒体资源”用于指完整的媒体数据集,例如完整的视频文件或完整的音频文件。
  媒体资源可以有多个音轨和音轨。对于一个媒体元素的目的,媒体资源的视频数据只显示当前选择的轨道(如果有的话)的元素的videotracks属性,媒体资源的音频数据是混合所有目前启用跟踪的结果(如果有)的元素的audiotracks属性。
  音频和视频元素都可以用于音频和视频。两者之间的主要区别仅仅是音频元素没有可视内容的回放区域(如视频或字幕),而视频元素则没有。
  除非另有明确指定,在本节及其子部分中列出的所有任务的任务源都是媒体元素中的媒体元素事件任务源。
  以上就是青锋建站给大家分享的HTML5中media元素、音频、视频的DOM接口。青锋建站,提供专业的高品质网站制作服务,包括网站建设,SEO,网络营销,PHP开发,PHP网站建设知名品牌,全国接单,为企业构建强有力的营销平台。

转载请注明来源网址:青锋建站-http://www.sjzphp.com/webdis/dominterface.html

电话 15632335515 | 邮箱 943703539@qq.com | QQ 943703539 | 微信 qingfengjianzhan

Copyright © 2016-2026 青锋建站 版权所有