playback 相关问题

播放现有音频或视频文件或流中的声音或视频。

Playit 应用程序如何阻止视频在其他媒体播放器中播放?使用什么技术

有一个网站 pdisk.net,无论我们从计算机上传到该网站并共享链接以查看什么视频,这些视频都只能在 Playit Android 应用程序中打开。只能看前15秒...

回答 1 投票 0

HTML 视频无法内嵌播放并在 WKWebView 中使用本机全屏

我在 VueJS 项目中有一个媒体播放器,是从第 3 方注入的。它是一个基本的 HTML ,带有一些包装器和容器,我们将其称为内容的第 3 方 API,并且...

回答 1 投票 0

如何构建一个按钮来单击并播放/停止音频?

我想构建一个播放音频的图像按钮。 我的版本可以工作,但当我想在一个网站上多次使用它时,它只播放一个 mp3,而不播放其他 mp3。 我的代码: 我想构建一个播放音频的图像按钮。 我的版本可以工作,但是当我想在一个网站上多次使用它时,它只播放一个 mp3,而不播放其他 mp3。 我的代码: <audio loop="false" src="audio_01.mp3">&nbsp;</audio> <p><img alt="" class="hover_pic" src="image.png" style="width: 40%;cursor:pointer" /></p> <script> var aud = document.getElementById("ASong").children[0]; var isPlaying = false; aud.pause(); function playPause() { if (isPlaying) { aud.pause(); } else { aud.play(); } isPlaying = !isPlaying; } </script></div> 和 <div id="BSong" onclick="playPause()" type="button"> <audio loop="false" src="audio_02.mp3">&nbsp;</audio> <p><img alt="" class="hover_pic" src="image.png" style="width: 40%;cursor:pointer" /></p> <script> var aud = document.getElementById("BSong").children[0]; var isPlaying = false; aud.pause(); function playPause() { if (isPlaying) { aud.pause(); } else { aud.play(); } isPlaying = !isPlaying; } </script></div> 那么您知道按钮只在网站上播放其中之一的问题是什么吗? 您多次使用相同的变量名称,例如 aud、isPlayig 等.. 要解决这个问题,您应该只声明一次整个脚本并形成 onclick="playPause()" 发送您要播放的歌曲的 id。 请注意是否已经有一些音乐正在播放。 很难说出当前的两个代码片段是如何相对彼此排列的,但是每次您想要添加另一个轨道时一遍又一遍地复制代码将是难以维护的。就目前情况而言, isPlaying 和 aud 的变量可能会相互覆盖,具体取决于它们的布局方式,即使它们位于不同的脚本中。在脚本顶部使用 const 或 let 代替 var 和 use strict; 可以帮助检测这些别名。 您可以在每个元素周围添加闭包以保持它们不同,但更好的方法是编写一个循环(也充当作用域闭包)并动态地将侦听器添加到每个元素。例如: const trackEls = [...document.querySelectorAll(".track")]; for (const trackEl of trackEls) { const audioEl = trackEl.querySelector("audio"); trackEl.addEventListener("click", () => { audioEl.paused ? audioEl.play() : audioEl.pause(); }); } <div class="tracks"> <div type="button" class="track"> <audio src="https://upload.wikimedia.org/wikipedia/commons/d/d8/Bourne_woods_2020-11-18_0732.mp3"></audio> <img alt="play track icon" src="https://picsum.photos/50/50" class="track-icon"> </div> <div type="button" class="track"> <audio src="https://upload.wikimedia.org/wikipedia/commons/e/ea/Rapid-Acoustic-Survey-for-Biodiversity-Appraisal-pone.0004065.s017.ogg"></audio> <img alt="play track icon" src="https://picsum.photos/50/50" class="track-icon"> </div> </div> 请注意,上面的代码可以同时播放多个音频文件。如果您想在单击新音频元素时停止所有其他音频元素并重置其时间,可以使用循环或额外变量来跟踪当前正在播放的曲目。例如: const trackEls = [...document.querySelectorAll(".track")]; let currentTrack; for (const trackEl of trackEls) { const audioEl = trackEl.querySelector("audio"); trackEl.addEventListener("click", () => { if (audioEl !== currentTrack) { if (currentTrack) { currentTrack.pause(); currentTrack.currentTime = 0; } currentTrack = audioEl; } audioEl.paused ? audioEl.play() : audioEl.pause(); }); } <div class="tracks"> <div type="button" class="track"> <audio src="https://upload.wikimedia.org/wikipedia/commons/d/d8/Bourne_woods_2020-11-18_0732.mp3"></audio> <img alt="play track icon" src="https://picsum.photos/50/50" class="track-icon"> </div> <div type="button" class="track"> <audio src="https://upload.wikimedia.org/wikipedia/commons/e/ea/Rapid-Acoustic-Survey-for-Biodiversity-Appraisal-pone.0004065.s017.ogg"></audio> <img alt="play track icon" src="https://picsum.photos/50/50" class="track-icon"> </div> </div> 对您的代码的一些评论: 不需要 isPlaying 变量,因为 audio 元素已经使用 audioElement.paused 跟踪其播放/暂停状态。如果您在外部状态下跟踪它,如果您的变量和音频元素的状态不同步,则会增加进一步的复杂性和错误空间。 避免将 <script> 放入 <div> 中。在所有 HTML 标签都关闭之后,<script> 通常是 <body> 或 <head> 的子级(在本例中可能是 <body>)。 HTML 元素上的 onclick 通常是不好的做法。 HTML 应该是结构性的,而不是行为性的。同样,style="width: 40%;cursor:pointer" 应移至外部样式表并应用于类。 .children[0]; 是选择轨道中音频元素的一种脆弱方法。如果您最终重新排列 div 中的元素,则此代码很容易被破坏。 document.querySelector("#BSong audio") 对于重构来说更加精确和稳健,尽管使用类而不是 id 可以更轻松地实现动态性,因此您不必手动输入每个轨道。 CSS 类通常是 kebab-case,所以 hover_pic 将是 hover-pic。

回答 2 投票 0

Flutter mediaItem.duration和播放速度设计

我正在尝试使用 Flutter 和 Dart 构建一个应用程序。我希望将 mediaItem.duration 条和播放速度非常紧密地组合或放置,如屏幕截图所示(播放速度是ch...

回答 1 投票 0

使用 Playwright 查找并单击具有动态 CSS 的按钮(抓取 TikTok)

我正在为各种社交媒体平台开发 OSS 抓取工具。我对 TikTok 有一个小问题。我可以成功抓取配置文件并获取元数据。不过,我也想拉回遇见……

回答 1 投票 0

单击按钮时播放声音

我在这里遇到了一个大问题,我尝试了一百万种方法,但没有任何帮助,这是我尝试制作的链接...... https://www.youtube.com/watch?v=nUKya2DvYSo 如何在

回答 4 投票 0

playsinline 不适用于 iOS 上的视频?

我有一个使用视频的网站,代码如下: 我有一个使用视频的网站,代码如下: <video class="hero-video-actual" autoplay loop muted playsinline> <source src="/content/video.mp4" type="video/mp4"> </video> 我需要在 iOS 上自动播放视频。它在 Android 和桌面上自动播放得很好,但在 iOS 上却不行。我不知道为什么。我在网上看到的所有内容都表明,如果您使用 playsinline 属性,您应该会很好。但它对我不起作用,而且我知道没有办法检查 iOS 中的浏览器控制台。 您需要像这样编辑您的代码: <video class="hero-video-actual" autoplay loop muted playsinline src="/content/video.mp4" type="video/mp4"> </video> “src-path”不需要自己的标签,您应该将其包含在<video>标签中

回答 1 投票 0

在模拟器上玩 Integrity

有人可以帮我吗?我尝试在模拟器上玩游戏,但收到“播放完整性”错误。 我使用rootAVB在模拟器上安装magisk,然后下载

回答 1 投票 0

NAudio PlaybackState 始终播放

我在 .NET 控制台应用程序中有这段代码,可以使用 NAudio 播放录制的声音检查: static void Play(int outputDeviceIndex, byte[][]recordedChunks) { 使用 (var 波...

回答 1 投票 0

如何利用Expo AV实现背景音频播放

我在使用 Expo AV 库的 Expo 应用程序中遇到背景音频播放问题。当应用程序位于前台时,音频播放工作正常,但当应用程序处于前台时,音频播放会突然停止...

回答 1 投票 0

如何以流形式播放声音<list<int>>

我正在尝试从 YouTube 获取视频。 类 MyCustomSource 扩展 StreamAudioSource { 最终列表字节; MyCustomSource(this.bytes); @override Future 请求...

回答 1 投票 0

使用 HTML/Javascript 中的一个按钮随机化音频文件数组,以停止上一曲目并开始新曲目

我有一组 3-5 秒的音频文件,我想通过单击按钮对其进行随机化。 const audioArray = ["sound1.mp3", "sound2.mp3", "sound3.mp3"]; 功能

回答 1 投票 0

是否可以将Laravel Web项目导入到Flutter中

实际上我想知道,如果我在 Laravel 平台上创建一个完整的 Web 项目,完成后我是否可以在 Flutter 平台上运行更新编辑项目? 我想让我的网站...

回答 1 投票 0

如何在 JavaFX 中完美循环制作 AudioClip/MediaPlayer?

我正在尝试播放一种完美循环的声音,你无法分辨它何时重新开始。我知道我可以使用 setCycleCount 方法让 AudioClip 或 MediaPlayer 无限循环,并且...

回答 1 投票 0

NAudio - 从 Stream 播放 MIDI

我正在制作一个游戏并使用NAudio来播放声音。我想播放 MIDI 文件以在后台循环播放音乐。在文档中搜索它,一无所获。 怎样才能玩...

回答 1 投票 0

如何在 INSTALLSHIELD(Basic MSI) 的设置过程中播放音乐

通过此命令播放音乐时: PlayMMedia(MMEDIA_WAVE,SRCDIR +“1.wav”,MMEDIA_PLAYCONTINUOUS,0) 安装程序将等待(冻结)直到媒体完成播放 那么,我如何在

回答 2 投票 0

使用 OpenCV 或 Pillow 等库来优化 Python 中的图像裁剪代码的最佳实践和有效方法是什么?

我在 Pillow 中有这段代码可以完美裁剪图像。例如,我在相同背景下有不同颜色的内容,并且此代码使用 32-

回答 2 投票 0

Focusrite 18i20 无法识别 PyAudio 多通道

我对代码还很陌生,所以我试图理解很多东西,如果我不知道的话,很抱歉。我正在运行一个脚本,该脚本侦听多通道(8 通道)Focusrite 18i20 接口(第 3 代...

回答 1 投票 0

如何在OpenGL中计算FPS?

voidCalculateFrameRate() { 静态浮点数每秒帧数 = 0.0f; // 这将存储我们的 fps 静态浮点最后时间 = 0.0f; // 这将保存最后一帧的时间...

回答 5 投票 0

如何设置flutter中图标小部件可见或不可见的条件

我想使用 if 条件来显示和不可见图标小部件。例如,如果图标按钮在视频上,如何在视频播放时使其不可见?

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.