当前位置: 首页 > 知识库问答 >
问题:

play()只能由用户手势启动

黄伟
2023-03-14

我试图使一个音频文件自动启动时,我的网站加载。我发现自动播放属性不起作用。所以我使用了javascript,但它不起作用,相反,它表明play()只能启动vy用户手势。

我的代码:

<script type="text/javascript">
    function main() {
       var audioElement0 = document.createElement('audio');
       audioElement0.setAttribute('src', './audio.mp3');
       audioElement0.setAttribute('autoplay', 'autoplay');
       audioElement0.play(); 
       audioElement0.addEventListener('ended', function() {
       this.currentTime = 0;
       this.play();
       }, false);
    }
</script>
<body onload="main()">
   <button onclick="main()" id="btn" >play</button>
</body>

请给我做一个完整的剧本。

共有1个答案

段干茂实
2023-03-14

好吧,在HTML中有一个叫做“音频自动播放”的东西。它所做的是播放一个可以通过链接访问的文件和/或您的文件。有些浏览器不支持它,但如果是这种情况,您可以使用不同的浏览器。

<!DOCTYPE html>
<html>
<body>
<audio controls autoplay>
  <source src="src.mp3" type="audio/mpeg">
</audio>
</body>
</html>
 类似资料:
  • 问题内容: 我正在制作一个音乐播放页面,在这里我将SoundManager 2用于AngularJs。我正在使用远程API获取要播放的歌曲URL。我增强了angular-soundmanager2 click事件处理程序: 我在其中添加了声部的地方调用了该函数,并在该函数加载了歌曲URL后调用了回调以将控件返回给angular- soundmanager2。 问题是在chrome for andr

  • 本文向大家介绍Android手势识别功能,包括了Android手势识别功能的使用技巧和注意事项,需要的朋友参考一下 现在智能手机基本都是触摸操作,点击按钮是一种交互方式,同时手势相关的操作,比如滑动等等同样是很重要的交互方式。这篇文章是对安卓手势交互相关知识点的整理和总结,主要来源基于官方文档。 触摸交互中的概念 常用事件 首先要了解一些常用的事件: ACTION_DOWN:第一个手指按下 ACT

  • 手表有五个按钮,根据使用情况有不同功能。请查看下表了解各个按钮在不同模式中具有的功能。 时间视图和菜单 背光灯 返回 OK 向上/向下 启动背光 在时间视图中,按下查看电池状态符号 长按可锁定按钮和触控显示屏 进入菜单 返回至上一个水平 保留设置不变 取消选择 长按可从菜单返回至时间视图 在时间视图中,长按以开始配对和同步 确认显示屏上所示的选择 长按进入训练准备模式 按下查看有关手表面显示信息的

  • 手表有五个按钮,根据使用情况有不同功能。请查看下表了解各个按钮在不同模式中具有的功能。 时间视图和菜单 背光灯 返回 OK 向上/向下 启动背光 在时间视图中,按下可查看电池状态符号 长按可锁定按钮和触控显示屏 进入菜单 返回至上一个水平 不更改设置 取消选择 长按可从菜单返回至时间视图 在时间视图中,长按以开始配对和同步 确认显示屏上所示的选择 长按进入训练准备模式 按下查看有关手表面显示信息的

  • Weex 封装了原生的触摸事件以提供手势系统。使用手势类似于在 Weex 中使用事件,只需在节点上监听手势即可。 手势类型 目前,仅支持以下四种手势类型: touch: 当触摸到一个点,移动或从触摸面移开时触发 touch 手势。触摸手势很精准,它会返回所有详细的事件信息。所以,监听 touch 手势可能很慢,即使只移动一丁点也需要处理大量事件。有三种类型的 touch 手势: type 描述 t

  • 本文向大家介绍Android实现自定义手势和识别手势的功能,包括了Android实现自定义手势和识别手势的功能的使用技巧和注意事项,需要的朋友参考一下 1. 先完成自定义手势的Activity 1.1 因为需要存储手势文件所以需要声明权限: 1.2 简单写一个布局文件,其中用到了GestureOverlayView,相当于一个绘制组件。其中有一个重要属性gestureStrokeType,值为si