<html>
<head>
<meta charset="utf-8">
<title>播放器</title>
<style>
</style>
</head>
<body>
<audio id="music01" src="G.E.M.邓紫棋 - 红蔷薇白玫瑰.mp3" loop="loop">你的浏览器不支持audio标签。</audio>
<a href="javascript:playPause()"><img src="1.jpg" width="50" height="50" id="music_btn01" border="0"></a>
</body>
<script>
function playPause() {
var music = document.getElementById('music01')
var music_btn = document.getElementById('music_btn01')
if (music.paused){
music.play()
music_btn.src = '1.jpg' //播放图片
}
else{
music.pause()
music_btn.src = '1.jpg' //暂停图片
}
}
</script>
</html>
1、首先打开AE，导入所用音乐素材以及图片素材
2、新建合成，合成时间可以设置为歌曲的时间
3、添加歌曲以及背景图片至编辑区，并新建纯色图层（CC的中文版为纯色图层，较早版本为固态层）
4、在该图层上设置：生成——音频频谱效果，并将音频层选择为所添加的音乐
5、此时预览一下就可以看到我们的音频波普随着音乐波动了。同时在效果控件内，还可以对波普进行调整，，包括调整波普的颜色，高度，波段等，已达到满意的效果
6、接着我们在该图层上继续新建图层蒙版，然后选择椭圆工具，按住shit键画一个圆，将这蒙版的叠加可以选择为无
7、在左侧的效果中将音频频谱的路径选择为上面添加的蒙版，并将显示效果选择为单面：B面，微调后就会得到最终的成果。
8、至此就全部完成啦，希望这个制作圆形音乐波动效果的AE教程对你有帮助。下面看看效果吧
把html中按钮设置为圆形很简单，只需要将按钮的border-radius属性设置50%，同时将宽和高设置相同即可并去除边框线。具体实现代码如下：
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="button" value="按钮" style="width: 50pxheight: 50pxborder-radius: 50%border: none">
</body>
</html>
运行效果如图
扩展资料：
HTML的特点
1、简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。
2、可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。
3、平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。
4、通用性：另外，HTML是网络的通用语言，一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。
参考资料：百度百科——HTML
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）