android浏览器背景音乐,浏览器的背景音乐实现方式总结

1、【利用audio】播放背景音乐

这其实很简单，只需要

在html的head之间加入这么一句话就ok了：

autoplay

如果出现该属性，则音频在就绪后马上播放。

controls

如果出现该属性，则向用户显示控件，比如播放按钮。

loop

如果出现该属性，则每当音频结束时重新开始播放。

muted

规定视频输出应该被静音。

preload

如果出现该属性，则音频在页面加载时进行加载，并预备播放。

如果使用 "autoplay"，则忽略该属性。

然后你就会发现十分的理想

谷歌浏览器：

IE浏览器11

IE浏览器9/10的界面

IE8及以下不支持H5

2、【利用bgsound】播放背景音乐

值得注意的是 bgsound只有IE浏览器支持，其余浏览器不支持。

【低版本的IE也支持，只是没有任何界面】

写法也简单

背景音乐

【用法】

balance

该属性取值在-10,000到+10,000，它决定扬声器之间的音量如何分配。

loop

该属性表明音频被播放的次数，是一个数值或者关键字infinite。

src

该属性定义了音频文件的URL，必须是以下格式之一：.wav，.au，.mid

volume

该属性值域为-10,000到0，它决定背景音乐的音量大小。

3、【利用embed】播放背景音乐

我们在同样的位置加入该标签代码：

背景音乐

然后你会发现，IE浏览器调用的是windows play 而且并不是所有音频都可以打的开。在谷歌中的界面是这样的：

与audio标签有很大的相似度。

4、【利用video】播放背景音乐

video这个标签还可以播放视频，

谷歌中的界面是这样的：

IE8及以下不支持H5,9+中的界面有点意思。

可以隐藏、放大之类的。

android浏览器背景音乐,浏览器的背景音乐实现方式总结相关推荐

在Android中调用浏览器打开网页方式
在安卓代码中我们有时需要调用浏览器来打开相应的网页,此时可以有以下几种实现方式: 一.调用浏览器实现调用默认浏览器 1 2 3 4 5 Intent intent = new Intent(); ...
android调用网页方法,Android调用手机浏览器的正确方式
有时候我们需要调用手机的浏览器,搜索过会我们一般都能找到这样的代码: //从其他浏览器打开 Intent intent = new Intent(); intent.setAction(Intent. ...
android 代码浏览,Webview实现android简单的浏览器实例代码
WebView是Android中一个非常实用的组件,它和Safai.Chrome一样都是基于Webkit网页渲染引擎,可以通过加载HTML数据的方式便捷地展现软件的界面,下面通过本文给大家介绍Webv ...
iOS/Android 微信及浏览器中唤起本地APP
title: iOS/Android 微信及浏览器中唤起本地APP date: 2017-05-10 10:19:20 tags: 需求概述分享应用活动链接已经成为手机应用一个非常重要的推广传播形式 ...
android 如何启动浏览器
本文参照自: http://blog.csdn.net/liws2010/article/details/7452957 一. 启动android默认浏览器在Android程序中我们可以通过发送隐式 ...
[转]Android 和 iPhone 浏览器之战，第 2 部分: 为 iPhone 和 Android 构建基于浏览器的应用程序...
简介: 本文是共两部分的系列文章 "Android 和 iPhone 浏览器之战" 的第 2 部分,主要关注为 iPhone 和 Android 开发基于浏览器的应用程序.在第 1 ...
springboot Java实现多文件的zip压缩操作 + 通过浏览器下载文件的两种方式
注只适配utf-8的场景,待完善! 压缩为zip文件通过java程序输出文件 /*** 功能:压缩多个文件成一个zip文件* @param srcfile:源文件列表* @param zipfile ...
Android实现通过浏览器点击链接打开本地应用（APP）
Android实现通过浏览器点击链接打开本地应用(APP)并拿到浏览器传递的数据今天老大给我提了一个需求叫我调研一下,他已经测试了iOS平台上是可以的,需求很简单就是在系统浏览器中通过输入一个uri ...
Android 5.x浏览器webView或者qqX5崩溃，Resources$NotFoundException:String resource ID #0x2040003
Android 5.x浏览器webView或者qqX5崩溃,Resources$NotFoundException:String resource ID #0x2040003 周末客户反馈app中h5 ...
Android仿搜狗浏览器加载动画
Android仿搜狗浏览器加载动画周六,国庆放假调休,今天闲来无事,就看了下搜狗浏览器的加载动画.感觉结合前面学习的基础还是能做出来的,所以就简单的实现了下,然后写下这边博客给大家参考参考,权当巩固 ...

android浏览器背景音乐,浏览器的背景音乐实现方式总结

android浏览器背景音乐,浏览器的背景音乐实现方式总结相关推荐

最新文章

热门文章