博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用JavaScript脚本控制媒体播放(顺序播放和随机播放)
阅读量:7093 次
发布时间:2019-06-28

本文共 619 字,大约阅读时间需要 2 分钟。

  在JavaScript脚本中获取<audio.../>元素对应的对象为HTMLAudioElement对象,<video.../>元素对应的对象为HTMLVideoElement对象。

  HTMLAudioElement对象和HTMLVideoElement对象支持的方法有如下几个:

  • play():播放视频、音频
  • pause():暂停播放
  • load():重新装载音频、视频文件
  • canPlayType(type):判断该元素是否可以播放type类型的音频、视频。该属性指定该音频、视频文件的类型,该属性值既可以是简单的MIME类型,例如audio/ogg、audio/mpeg等,也可以是MIME字符串并带codecs属性,codecs属性用于指定该视频文件的编码格式。该方法可以返回如下3个值
    • probably:该浏览器支持播放此种类型的音频、视频
    • maybe:该浏览器可能支持播放此种类型的音频、视频
    • 空字符串:该浏览器不支持播放此种类型的音频、视频

 

  下面页面代码实现了一个简单的音乐播放器,支持两种播放模式:随机播放和顺序播放。

    
音乐播放器

音乐播放器

 

页面效果如下:

转载于:https://www.cnblogs.com/web12/p/9905544.html

你可能感兴趣的文章
TMS320C6455 SRIO 实现方案
查看>>
Hough transform(霍夫变换)
查看>>
background-color
查看>>
提升单元测试体验的利器--Mockito使用总结
查看>>
SVN功能详解
查看>>
[转]微信小程序之购物车 —— 微信小程序实战商城系列(5)
查看>>
html5--2.4新的布局元素(3)-section
查看>>
瀑布流案例
查看>>
SSL证书绑定成功
查看>>
在sqlserver 中with(nolock)详解
查看>>
如何把网页变成灰色效果
查看>>
spring5 reactive
查看>>
try-with-resources语句
查看>>
Ubuntu下安装arm-linux-gnueabi-xxx编译器【转】
查看>>
bootstrap之 formgroup表单布局样式
查看>>
[k8s]svc里知识点小结
查看>>
响应式流API的构建基础
查看>>
thinkphp5项目--个人博客(三)
查看>>
WebStorm 之 Cordova 环境搭建
查看>>
Linux笔记
查看>>