audio play() failed问题

最新推荐文章于 2024-01-31 15:27:00 发布
最新推荐文章于 2024-01-31 15:27:00 发布
阅读量773 收藏
点赞数
文章标签： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51094540/article/details/125542549
版权

Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document

原因：用户没有与文档交互（用户需要操作一下才好使）

解决方法：给audio标签加上autoplay属性或者muted属性

单打立棍
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
audioplay.js下载
05-05
audioplay.js源码及audioplay.min.js 。 替代html中的audio标签，支持跨平台
Audio Play Sation 2
11-06
Audio Play Sation 2
自动播放音频 audioDom.play() 报错 - play() failed because the user didn‘t interact with the document first.
最新发布
工作中遇到问题记录
01-31 2114
`audioDom.play()` 自动播放音频时报错：`Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.`
playandrecord_python_audio_playrecord_
10-02
能够自动找到所有可用的录音设备和播放设备
解决ios audio无法播放问题
01-05
ios中audio不能直接通过audio.play()播放，需要用户在click事件或者touch事件中执行audio.play()才能播放。 ajax回调中audio.play()音乐不能正常播放。 用户点击按钮，等服务器返回数据后再播放相应的成功或失败的音乐，测试在ios中不能正常播放。猜测ios中的audio不能再ajax回调函数中play() 下面记录一下ios中ajax回调中播放音乐的问题解决过程 解决方案一 –降低音量 在用户点击时间后将audio的音量设置为0,等success后将音量设置为1; volume可以控制audio的音量大小，取值范围为 0~1 audio.v
audio或video标签 autoplay无效 或 .play()报错问题 解决方案
苍老师背后的男人
11-02 3万+
video标签 video标签设置 autoplay 无效，一般的解决办法是 在video标签上设置 muted 属性 即可。 muted 属性是 静音的意思 也就是说，想让video标签自动播放视频，必须先设置为静音。原因下面一起说。 audio标签 audio标签设置 autoplay 无效，或者在 js 中用 audio.play() 报以下错误： 而且audio标签 即使设置了 muted 属性也不能自动播放（解决方法最后说）。 原因分析 其实从报错信息也可以了解到，DO..
audio报错DOMException: play() failed because the user didn‘t interact with the document first
weixin_43452622的博客
04-03 1893
封装一个包含自动播放，循环播放、暂停功能的Aduio组件
play() failed because the user didn't interact with the document first
wed2100304的专栏
11-18 3万+
vue使用js调用音频文件报错，错误信息如下： play() failed because the user didn't interact with the document first 翻译：play方法调用失败，因为用户没有先操作文档【用户没有先去跟网页做交互再执行音频播放】 用户再跟网页有了交互后，该报错不会再出现 如果必须再网页加载完就播放音频，详情请看 ...
报错 play() failed because the user didn‘t interact with the document first
qq_45976132的博客
05-18 2万+
Uncaught (in promise) DOMException: play() failed because the user didn’t interact with the document first. https://goo.gl/xX8pDD 报这个错是因为 在最新版的Chrome浏览器（以及所有以Chromium为内核的浏览器）中，已不再允许自动播放音频和视频。就算你为video或audio标签设置了autoplay属性也一样不能自动播放 在我项目中的原因是因为我把播放声音的按钮设置为t
Uncaught (in promise) DOMException: play() failed because the user didn‘t interact with the document
sjslln的博客
09-04 8831
audio.html:43 Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.
audioplay.html
12-06
audioplay.html
音频播放时出现 Uncaught (in promise) DOMException: play() failed because the user didn't interact with the ...
weixin_30478619的博客
11-29 2万+
<audio id="play" controls="controls" loop="loop"> <source src="horse.mp3" type="audio/mpeg"> </audio>浏览器出现：Uncaught (in promise) DOMException: play() failed because the user di...
vue播放m3u8浏览器报Uncaught (in promise) DOMException: play() failed because the user didn‘t interact with
zxh7770的博客
12-06 1892
vue播放m3u8浏览器报Uncaught (in promise) DOMException: play() failed because the user didn’t interact with 原因： Chrome 为了避免标签产生随机噪音。 解决办法： 在 video标签上加 muted <video muted id="singleVideo" class="video video-js vjs-default-skin" src=" " controls="controls"&
＜audio＞播放音频Chrome浏览器禁止自动播放问题 play() failed because the user didn‘t interact with the document first
qq_39417037的博客
04-25 4281
2018年一月份开始 Chrome浏览器不会再自动播放音频文件用户必须对网页进行主动触发后才可自动播放 <audioid="audio"autoplay="autoplay"> <sourcesrc="test.ogg"/> </audio> //////////////////////////////////////////////////// <audioid="audio"preload="auto"> ...
DOMException: play() failed because the user didn‘t interact with the document first
热门推荐
指尖下的精灵
07-30 6万+
报错原因是chrome新特性，内容大致意思是开发者不能利用手中权限去给用户造成噪音干扰，首次加载页面需要用户和audio/video进行交互 需求如下 实时刷新告警列表，保证用户获取到最新告警消息，当有新的告警消息时，响警报铃 解决方案 当用户首次进入页面时给提示用户启用告警铃声 let audioPlay = document.getElementById('myaudio') audioPlay.play() setTimeout(() => { audioPlay.pause() .
audio自动、循环播放，调节音量DOMException: play() failed because the user didn‘t interact with the document firs
拿回忆下酒
06-30 1551
最近想做一个，打开页面自动播放背景音乐的效果，寻思使用audio播放不就好了。 答案肯定是不好使！！！，好使也不用我在这里总结了。 报错提示 Uncaught (in promise) DOMException: play() failed because the user didn’t interact with the document ...
play() failed because the user didn‘t interact with the document优化媒体不能自动播放
wzp20092009的博客
09-14 9815
谷歌浏览器 video 元素设置 autoplay，我们原意是希望页面加载时自动播放，但实际上并没有自动播放，在控制台报错如下： Uncaught (in promise) DOMException: play() failed because the user didn’t interact with the document first. 这里的意思是，是因为用户没有先和网页交互所以播放失败。
DOMException: play() failed because the user didn‘t interact with the document first - video篇
阿莹yes的博客
05-06 2175
报错原因是chrome新特性，内容大致意思是开发者不能利用手中权限去给用户造成噪音干扰，首次加载页面需要用户和audio/video进行交互 解决办法 1.视频 要静音播放 muted // video标签上加这个属性 当用户首次进入页面时给提示用户启用告警铃声 let audioPlay = document.getElementById('myaudio') audioPlay.play() setTimeout(() => { audioPlay.pause() audio.
linux+arm怎么使用AudioPlay
05-05
在Linux ARM架构下，您可以使用ALSA（Advanced Linux Sound Architecture）来播放音频。以下是使用ALSA库进行音频播放的基本步骤： 1. 安装ALSA库：在终端中使用以下命令安装ALSA库： ``` sudo apt-get install libasound2-dev ``` 2. 编写代码：您需要使用ALSA库的函数来设置音频参数，打开音频设备，并将音频数据写入设备缓冲区。以下是一个简单的示例代码，用于播放WAV格式的音频文件： ``` #include <stdio.h> #include <stdlib.h> #include <alsa/asoundlib.h> #define BUFFER_SIZE 4096 int main(int argc, char *argv[]) { int err; char *buffer; snd_pcm_t *handle; snd_pcm_hw_params_t *params; snd_pcm_uframes_t frames; int channels, rate, bits; long unsigned int buffer_size; if (argc != 2) { printf("Usage: %s <file>\n", argv[0]); return 1; } FILE *fp = fopen(argv[1], "rb"); if (fp == NULL) { printf("Error: Failed to open file %s\n", argv[1]); return 1; } // Get the WAV file parameters fseek(fp, 22, SEEK_SET); fread(&channels, 2, 1, fp); fseek(fp, 24, SEEK_SET); fread(&rate, 4, 1, fp); fseek(fp, 34, SEEK_SET); fread(&bits, 2, 1, fp); // Open the audio device for playback err = snd_pcm_open(&handle, "default", SND_PCM_STREAM_PLAYBACK, 0); if (err < 0) { printf("Error: Failed to open audio device\n"); return 1; } // Allocate the hardware parameters object err = snd_pcm_hw_params_malloc(&params); if (err < 0) { printf("Error: Failed to allocate hardware parameters object\n"); return 1; } // Initialize the hardware parameters object with default values err = snd_pcm_hw_params_any(handle, params); if (err < 0) { printf("Error: Failed to initialize hardware parameters object\n"); return 1; } // Set the desired hardware parameters err = snd_pcm_hw_params_set_access(handle, params, SND_PCM_ACCESS_RW_INTERLEAVED); if (err < 0) { printf("Error: Failed to set access type\n"); return 1; } err = snd_pcm_hw_params_set_format(handle, params, SND_PCM_FORMAT_S16_LE); if (err < 0) { printf("Error: Failed to set sample format\n"); return 1; } err = snd_pcm_hw_params_set_channels(handle, params, channels); if (err < 0) { printf("Error: Failed to set channel count\n"); return 1; } err = snd_pcm_hw_params_set_rate_near(handle, params, &rate, 0); if (err < 0) { printf("Error: Failed to set sample rate\n"); return 1; } // Write the hardware parameters to the audio device err = snd_pcm_hw_params(handle, params); if (err < 0) { printf("Error: Failed to set hardware parameters\n"); return 1; } // Calculate the buffer size in frames snd_pcm_hw_params_get_period_size(params, &frames, 0); buffer_size = frames * channels * bits / 8; // Allocate the buffer for audio data buffer = (char *)malloc(buffer_size); if (buffer == NULL) { printf("Error: Failed to allocate buffer for audio data\n"); return 1; } // Read the WAV file data into the buffer and write it to the audio device while (fread(buffer, buffer_size, 1, fp) == 1) { err = snd_pcm_writei(handle, buffer, frames); if (err < 0) { printf("Error: Failed to write audio data to device\n"); return 1; } } // Close the audio device and free resources snd_pcm_drain(handle); snd_pcm_close(handle); free(buffer); fclose(fp); return 0; } ``` 3. 编译代码：在终端中使用以下命令编译代码： ``` gcc -o audioplay audioplay.c -lasound ``` 4. 运行代码：在终端中使用以下命令运行代码，并将WAV格式的音频文件作为参数传递给程序： ``` ./audioplay <file> ``` 其中，`<file>`为WAV格式的音频文件路径。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值