首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >在手机上反复播放HTML声音会有奇怪的行为

在手机上反复播放HTML声音会有奇怪的行为
EN

Stack Overflow用户
提问于 2022-05-07 14:32:15
回答 1查看 38关注 0票数 0

我有一个让声音通过计时器反复播放的js程序,并且在我的电脑上工作得非常好,但是,当我尝试在我的手机(IPhone 13)或平板电脑(IPad air 4)上使用它时,它不起作用。声音不是晚了就是不放了。如果它提供了任何线索,我还注意到,如果我在程序运行时改变了手机的系统音量(手机一侧有物理按钮),音量条就会滞后和跳跃,而不是平稳地增加或减少。

安装以允许声音在ios上播放(因为它们需要用户交互)

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var click1 = new Audio('../audio/click1.mp3');
click1.preload = "auto";

enterBtn.addEventListener('click', () => {
    //...code

    click1.volume = 0;
    click1.play();
    click1.pause();
    click1.currentTime = 0;
    click1.volume = 1;
});

当定时器调用它时运行的代码。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
function playClick() {
    click1.load();
    click1.play();
    click1.currentTime = 0;
    //...code
}

从堆栈溢出中获取的计时器代码

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
function Timer(callback, timeInterval, options) {
   this.timeInterval = timeInterval;
   
   this.start = () => {
     this.expected = Date.now() + this.timeInterval;
     this.theTimeout = null;

     if (options.immediate) {
       callback();
     }

     this.timeout = setTimeout(this.round, this.timeInterval);
     console.log('Timer Started');
   }
  this.stop = () => {
  clearTimeout(this.timeout);
  }
  this.round = () => {
    var drift = Date.now() - this.expected;
    if (drift > this.timeInterval) {
      if (options.errorCallback) {
        options.errorCallback();
      }
    }
    callback();
    this.expected += this.timeInterval;
    this.timeout = setTimeout(this.round, Math.max(0,this.timeInterval - drift));
  }
}

export default Timer;
EN

回答 1

Stack Overflow用户

发布于 2022-05-07 14:40:20

setInterval代替计时器怎么样?https://developer.mozilla.org/en-US/docs/Web/API/setInterval

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72156793

复制
相关文章
delete的奇怪行为
F的实例拥有一个value属性,但不希望在new的时候就初始化属性值(因为这个值不一定用得到,而且计算成本比较高,或者new的时候还不一定能算出来),那么自然想到通过定义getter来实现“按需计算”:
ayqy贾杰
2019/06/12
2.4K0
[android] socket在手机上的应用
pc在电脑在整个网段发送UDP数据包,手机连接wifi后可以监听这个端口,收到数据包,试图与pc机建立连接
唯一Chat
2019/09/10
7070
起个服务把静态html文件放在手机上访问
装个node; 全局装个anywhere的npm包。(npm i -g anywhere) 大功告成,现在到任意目录下用命令行执行anywhere就可以; (anywhere -p 参数可以设置启动端口) 补充:启动后为一个ip+端口的地址,这个ip就是你的网络环境下的ip,你现在就可以用手机访问这个ip+端口,记得手机和电脑是同个网络环境才可以(同个内网)。
江一铭
2022/06/16
8480
Python 为什么会有个奇怪的“...”对象?
在写上一篇《Python 为什么要有 pass 语句?》时,我想到一种特别的写法,很多人会把它当成 pass 语句的替代。在文章发布后,果然有三条留言提及了它。
Python猫
2020/08/04
2.1K0
Python 为什么会有个奇怪的“...”对象?
在手机上查看移动Web页
我最近在学习做移动端页面,当做好一个移动端页面后想使用手机查看一下移动端页面在手机上的效果,找了很久才找到一个比较好的方法,特意写这篇文章记录下在手机上查看移动端页面的方法
用户3880999
2023/04/13
1.3K0
在手机上查看移动Web页
python 播放声音
#import winsound #winsound.Beep(600,1000) import os os.system("paplay 1.wav") python使用pygame播放音乐. 链接地址:https://my.oschina.net/lenglingx/blog/183101 # -*- coding: cp936 -*- import pygame pygame.mixer.init() print("播放音乐1") track = pyga
py3study
2020/01/08
1.2K0
为什么会有奇奇怪怪的e
中学学过的以10为底的对数,称为常用对数,记作lgN.但科学上常用的对数却以一个无理数e=2.71828…为底,称为自然对数,记作lnN或logeN。为什么以这个稀奇古怪的无理数e为底的对数比以10为底的对数来得更自然呢?
云深无际
2020/09/03
4610
为什么会有奇奇怪怪的e
如何优雅的在手机上进行Python编程
大家都知道有安卓上有一个QPython,可以写Python,但是QPython已经好久没有更新了,官方也貌似没有更新的打算了。今天,给大家推荐另一款安卓工具。
py3study
2020/01/06
1.5K0
如何优雅的在手机上进行Python编程
iOS后台播放声音
或者在项目的图形化配置界面的Info项添加如下 Required background modes 类型为 Array 添加子项App plays audio or streams audio/video using AirPlay
码客说
2019/10/22
1.6K0
教程 | 如何在手机上使用TensorFlow
翻译 | AI科技大本营 参与 | zzq 审校 | reason_W 我们知道,TensorFlow是一个深度学习框架,它通常用来在服务器上训练需要大量数据的大模型。随着智能手机的普及,人们也越来越
AI科技大本营
2018/04/26
2.6K0
教程 | 如何在手机上使用TensorFlow
你每天要花多少时间在手机上?
原文来自 Text Request 编译 CDA 编译团队 本文为  CDA 数据分析师原创作品,转载需授权 前言 众所周知,我们几乎一刻都离不开手机,美帝人民同样如此。让我们用数据说话,看看美国人们每天会花多少时间在手机上。 在哪里可以获得这些信息? 我们有参考以下行业机构的研究成果,如: • comScore • Nielsen • SmartInsights • eMarketer • MediaKix • Pew Research Center 等等 本文的目的不是为了证明某个观点,而是想探究人们
CDA数据分析师
2018/02/26
2.1K0
你每天要花多少时间在手机上?
如何在手机上轻松做视听说
马上就要到期末了,可是还是有许多小伙伴英语上机的任务还没完成,特别是视听说部分。记得之前我在此公众号里面介绍了如何在电脑上轻松做视听说(详见英语视听说你打算怎么做——填空题篇,英语视听说你打算怎么做——选择题篇)。但是,很多人并没有带电脑,特别是最近的暴雪天气阻挡了大家前往机房做英语上机。那么,如果能在手机上做该多好啊。
分享者
2022/05/17
7450
如何在手机上轻松做视听说
播放声音文件脚本
spawn ssh [lindex $argv 0] [lindex $argv 1]
用户1168904
2021/05/17
1.2K0
声如其闻,DuerOS中的声音播放
智能语音设备的特点是语音交互成为人机交互的重要方式,智能语音设备的声音输出摆脱了预置的逻辑,成为了响应式反馈,尤其是对声音输入的响应。在智能语音设备上,基于语音交互的服务被称为技能,通过诸如DBP(DuerOS Bot Platform)开放平台开发技能,进而提供基于语音交互的服务,关于面向DuerOS的技能开发可以参考《面向接口/协议?看DuerOS的技能开发》。
半吊子全栈工匠
2020/10/10
2.6K0
声如其闻,DuerOS中的声音播放
用Python播放和录制声音
Python语言已经无所不能了,今天就来分享一下,如何使用Python来录制和播放音频文件。
TalkPython
2019/05/24
7.2K0
LabVIEW播放提示声音或者音乐
使用LabVIEW播放提示声音或者音乐,可在LabVIEW中右键鼠标:函数→声音→输出,选择相应的函数,如下图所示:
不脱发的程序猿
2022/04/13
1.9K0
LabVIEW播放提示声音或者音乐
播放声音文件脚本
执行1.sh test.wav,ssh登陆到192.168.1.1服务器,root密码是123456,播放/home/temp目录下的test.wav文件,注意test.wav是变量,不是常量。
用户1168904
2021/05/17
1.2K0
QPython,一个在手机上运行Python的神器
之前安利过一款手机上运行Python的神器Termux,不过Termux的使用比较重,它实际是一款linux系统模拟器,安装好Termux后还要再安装python,并且是全命令行操作,一些读者使用起来有障碍。今天安利一款更友好的QPython。
一墨编程学习
2019/06/17
9.6K0
QPython,一个在手机上运行Python的神器
在 Python 中播放声音
我们首先检查playsound库,它为在Python中播放声音文件提供了一个简单直接的解决方案。凭借其最低的设置要求,开发人员可以使用单个函数调用将音频播放快速集成到他们的应用程序中。但是,对于更高级的音频功能,我们深入研究了两个流行的库:pygame和pyglet。Pygame是一个强大的多媒体库,以其处理音频,图形和用户输入的能力而闻名。
很酷的站长
2023/08/11
8430
在 Python 中播放声音
点击加载更多

相似问题

在手机上使用javascript播放声音

13

HTML视频在手机上的自动播放

11

播放时有一种奇怪行为的声音

12

敲击按钮时反复播放声音

23

MediaPlayerElement不能在电脑上播放声音,但可以在手机上播放

117
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文