scrum敏捷开发模型
{史诗、故事创建。}
使用xmand软件进行绘制思维导图

音乐播放器进度条要监听timeupdate
在使用video标签内,要防止source标签,注意source标签可以放置多个哦,第一个source防止资源如果没法正常播放后会自动播放第二个source,依次类推。

无缝切换清晰度,需要有流式播放器,youtube就是webm,属于js控制的。普通的播放器是非流式的mp4,一次加载完,属于浏览器控制的。但是video标签支持blob格式,这个可以使用js控制播放

如何获取音频的长度:
var x = document.getElementById(“myAudio”).duration;
使用video标签时可能会出现视频大小填不满video,导致周围很多空白。这时候要用css设置
object-fit: fill;打破视频源文件的长宽比。

视频播放器要用video标签,音乐播放器要用audio标签
参考:
https://segmentfault.com/a/1190000015611832

待学:
如何做html音乐播放器和拖动文件到指定区域
servelet

19-7-15学习笔记相关推荐

  1. PowerDesigner 15学习笔记:十大模型及五大分类

    原文:PowerDesigner 15学习笔记:十大模型及五大分类 个人认为PowerDesigner 最大的特点和优势就是1)提供了一整套的解决方案,面向了不同的人员提供不同的模型工具,比如有针对企 ...

  2. ODAC(V9.5.15) 学习笔记(三)TOraSession(3)

    3. 选项 TOraSession的Options有如下内容 名称 类型 说明 CharLength TCharLength 单个字符的长度,缺省0,表示从服务器获取对应的字符集中单个字符长度 Cha ...

  3. ActiveMQ5.15学习笔记

    JMS即Java消息服务(Java Message Service)应用程序接口,是一个Java平台中关于面向消息中间件(MOM)的API,用于在两个应用程序之间,或分布式系统中发送消息,进行异步通信 ...

  4. ODAC(V9.5.15) 学习笔记(十七)主从模式

    主从模式(Master/Detail mode)是指建立主表和从表关系的多个数据集集合模式. 1. 关系设置 要设置主从模式,必须有一个主表数据集(TDataSet)和一个从表数据集(TDataSet ...

  5. ODAC(V9.5.15) 学习笔记(四)TCustomDADataSet(2)

    2.连接相关 名称 类型 说明 Connection 指向一个数据库连接对象 Disconnected 设置为True将在数据库关闭后继续保持数据集的开启状态. 3. 数据获取 名称 类型 说明 Fe ...

  6. ODAC(V9.5.15) 学习笔记(十九)主键值自动生成

    ODAC支持通过Oracle的序列来自动生成表的主键功能.这个过程允许在客户端自动完成,不需要过多代码.这个对一些要求自动增长字段做主键的场合非常有用.其实现步骤为: 1.数据库必须先建立生成主键的序 ...

  7. ODAC(V9.5.15) 学习笔记(四)TCustomDADataSet(1)

    1.SQL相关 名称 类型 说明 BaseSQL String 没有被AddWhere.SetOrderBy.FilterSQL等方法处理过的原始SQL语句 FinalSQL String 被AddW ...

  8. ODAC (V9.5.15) 学习笔记(二十一)数据复制

    用TVirtualTable在内存中缓存TOraQuery中的数据,主要应用场景是参照其他数据,需要将TOraQuery中的数据复制到TVirtualTable,由于没有类似于TClientDataS ...

  9. MySQL(15) 学习笔记大全

    Windows服务 -- 启动MySQLnet start mysql -- 创建Windows服务sc create mysql binPath= mysqld_bin_path(注意:等号与值之间 ...

  10. Android学习笔记:Android基础知识点(不断更新中)

    1.Android学习笔记:OkHttp 2.Android学习笔记:更新UI的方法(UI线程和非UI线程) 3.Android学习笔记:Volley 4.Android学习笔记:Handler 5. ...

最新文章

  1. pandas高级处理-数据离散化
  2. 微信小程序实现点击不同view标签,移动到一行
  3. perl开发工具大全
  4. 利用open***建立桥接***[zt]
  5. 抓取AJAX网页的方法-Firefox组件,C#集成
  6. u盘锁电脑_如何给u盘设置密码 给u盘设置密码方法【步骤详解】
  7. Python —os.listdir() 方法
  8. 进程同步与互斥:POSIX有名信号量
  9. Citrix XenAPP DS角色
  10. js一键批量打印_前端vue项目实现批量打印功能
  11. 程序员 开发人员 在线工具箱
  12. 整理了上千个Python类库,简直太酷啦!
  13. 浮点数开方运算的快速计算
  14. JAVA格式代码出现两次_NullPointerException使用JMockit测试Mocked java.io.File两次
  15. 《计算机存储与外设》----2.3 DRAM
  16. 苹果电脑破音的解决办法
  17. XeLaTeX+xeCJK中文字体设置
  18. android app自动锁屏,Android开机自动启动app 不锁屏
  19. element-ui table中span-method(行合并)方法使用
  20. 删除autorun.inf病毒的批处理 简单三招预防

热门文章

  1. avformat_find_stream_info 时间太长
  2. python3 xrange *的作用
  3. 开闭鸿蒙都只为风味情浓,开辟鸿蒙,谁为情种?都只为风月情浓。
  4. python sendkeys用法_使用python中的sendkeys上载文件将打开一个文件选择器弹出窗口...
  5. java s字符_java 字符集s
  6. 模拟电路基础秦世才_模拟电子技术基础碎片化-晶体管及放大电路基础
  7. win10安装JDK详细教程
  8. oracle数据库从关闭到启动,Oracle数据库的启动和关闭详细过程
  9. python了解一下_Python发展史了解一下
  10. Java如何读取JAR包外的properties文件及打成jar包后无法读取到jar包内的properties文件