zoukankan      html  css  js  c++  java
  • HTML5音频播放器

    Audio(音频)

      属性:

        src:路径 (引入需要播放的音乐的路径)

        controls:控制器 属性供添加播放,暂停,和音量空控件

        paused:有两个参数 true(play)为播放 false(paused)为暂停

    编解码工具:FFmpeg

      不是所有浏览器都支持同一个格式

    用环境变量配置好后可以直接赋值视频地址在cmd中-i xx.mp4(视频格式) -acodec libvorbis xx.需要转换的格式

    视频的播放

      video(视频)

        src:路径 (引入需要播放的视频的路径)

        controls:控制器 属性供添加播放,暂停,和音量空控件

        source:规定多媒体资源,可以是多个 保证视频支持多浏览器格式

      视频也可以放大缩小 用高度和宽度来决定

    拖放

      Drag和drop

      ondragstart:调用一个函数,drag(event),规定被拖动的数据

      setData():设置被拖数据的数据类型和值

      ondragover:事件规定在何处防止被拖动的数据

      ondrop:当放置被拖数据时 会发生drop事件

         DataTransfer:对象: 退拽对象用来传递的媒介 使用方法一般为: Event.dataTransfer

         draggable:对元素标签进行拖拽时设置 true false 

         Event.preventDefault(): 阻止系统默认的一些事件方法的执行,在ondragover中一定要执行Default 否则ondrop事件不会被触发

  • 相关阅读:
    Nginx 413 Request Entity Too Large
    Docker 搭建一个多端同步网盘-Nextcloud
    FTP主动模式(PORT)与被动模式(PASV)
    Linux安装与使用FTP服务-vsftpd
    Mac FTP工具推荐-Transmit
    Nginx配置动静分离
    Nginx解决跨域问题(CORS)
    CentOS 7 之找回失落的ifconfig
    CentOS 7 之安装篇
    深入研究MiniMVC之后续篇
  • 原文地址:https://www.cnblogs.com/chengX3programmer/p/8607299.html
Copyright © 2011-2022 走看看