zoukankan      html  css  js  c++  java
  • HTML-音视频

      要引用音频,通常用audio标签,如下:

    <audio src="./xx.mp3" controls autoplay>
        当前浏览器不支持audio
    </audio>

      src是链接的地址,controls是控制当前音频是否显示,autoplay控制是否自动播放。默认是没有controls和autoplay的情况下,不显示也不自动播放。

      autoplay是一个很废的属性,在大多数浏览器下不兼容。因此可有可无

      有一个特别要强调的事:audio标签在一些高版本的浏览器才能兼容;如果放在IE8及以下就行不通了,不过也有相应的标签能实现,但没必要,越多越多项目已经不考虑兼容到低版本或古老的浏览器了;因此audio够用了

      下面说视频标签:video;如下:

    <video width="800" height="">
                <source src="myvideo.mp4" type="video/mp4"></source>
                <source src="myvideo.ogv" type="video/ogg"></source>
                <source src="myvideo.webm" type="video/webm"></source>
                当前浏览器不支持 video直接播放,点击这里下载视频: <a href="myvideo.webm">下载视频</a>
    </video>

      上面的写法是为了兼容浏览器,极大多数都能识别mp4格式,有的不行只能识别ogg或者webm格式的

      最后也说一些注意事项:

      1. 在实际项目,音视频是不会放到本地存储的。基本都是阿里云等平台买服务器来保存

      2. 如果实在没钱买,也可以把音视频上传到第三方的服务器上。然后通过第三方给的音视频URL来链接,但记住此时链接别人的音视频地址,不能再用audio或video标签,得用 iframe

  • 相关阅读:
    加载web项目时报的错误:Tomcat version 6.0 only supports J2EE 1.2, 1.3, 1.4, and Java EE 5 Web modul
    js修改title
    14.Android UiAutomator 图像处理
    13.UiAutomator 辅助APK的使用
    12.UiAutomator 获取系统信息
    11.UiAutomator 相关JAVA知识
    10.Android UiAutomator Junit 断言函数的使用
    面向对象基本关键词的解释
    Java图形界面——Border
    java文本编辑器v2.0 图形用户界面
  • 原文地址:https://www.cnblogs.com/ibcdwx/p/15416824.html
Copyright © 2011-2022 走看看