播放/暫停按鈕無法正常工作 // React // wavesurfer.js
[英]play / pause button not working properly // React // wavesurfer.js
我一直在努力爭取 HOURS 試圖打敗它，但我做不到。 下面的問題有一個 BUTTON，它有一個 FontAwesomeIcon 組件的子組件。 我想改變圖標，正在播放音頻嗎？ 然后顯示暫停圖標，如果沒有.. 你得到 rest。 但是，當我單擊播放按鈕時，它會按預期更改圖標，並播放音頻。 當我再次 ...
wavesurfer.js 中的停止循環屬性
[英]Stop Loop Property in wavesurfer.js
我在我的新項目中使用wavesurfer.js 。 （源鏈接）它有一些方法可用於媒體播放器中的后退/前進。 方法： skip()、skipBackward()、skipForward() 問題是當您在最后時刻使用skip() / skipForward()時，在媒體完成之前，它會從頭開始。 我需要 ...
如何在 wavesurfer.js 中獲取最新的 currentTime？
[英]How can i get the newest currentTime in wavesurfer.js?
我有問題。 此代碼將單擊事件添加到波條。 wavesurfer.drawer.on("click", () => {console.log(wavesurfer.getCurrentTime())}) 當我點擊波浪條時，我得到了光標所在的時間！ 例如，如果當前時間為 0，並且我單擊波形欄， ...
替換打字稿中的設置超時。 Wavesurfer.js
[英]Replace set timeout in typescript. Wavesurfer.js
我有一個功能，可以更改 wavesurfer.js 音頻文件的源，然后想用新加載的音頻文件播放歌曲。 目前，我的代碼正在按照我想要的方式運行，但我覺得必須有更好的方法來做到這一點。 這是我的功能。 ...
沖浪者標簽 (<wavesurfer> ) 不起作用
[英]wavesurfer tag (<wavesurfer>) does not work
我想使用 wavesurfer.js 並使用<wavesurfer>標簽，但我不知道如何以及無論我做什么，聲音都不會加載。 <wavesurfer data-url="http://127.0.0.1:8000/media/post/audio/4095c5f534c74f10 ...
多個 wavesurfer.js 播放器
[英]Multiple wavesurfer.js players
當我在單個頁面上有多個實例時，播放器無法正常工作，我想我必須創建某種 foreach cicle，如果有人可以幫助我解決這個問題，我將不勝感激。 這是我所擁有的： ...
如何將 wavesurfer.js 與節點捆綁器一起使用？
[英]How to use wavesurfer.js with a node bundler?
我正在嘗試將 wavesurfer.js 與節點捆綁器一起使用，如下所示： https ://www.npmjs.com/package/wavesurfer.js?activeTab=readme 但我無法讓它工作，我收到以下錯誤： （我嘗試導入一個我構建的模塊沒有任何麻煩......，似乎 ...
Next.js 從 url 為客戶端的 wavesurfer 加載音頻
[英]Next.js load audio from url for wavesurfer on the client side
我希望能夠使用 wavesurfer.js 收聽和渲染音頻峰值，但是當我從外部源加載 url 時，波形加載為一條扁平線。 我通過下載相同的音頻文件並將其保存在我的公共/靜態資產文件夾中進行了測試，所以我知道 wavesurfer 能夠渲染峰值，無論是對於這個文件還是在我的應用程序中，只要 url 正 ...
Wavesurfer.js - 有什么方法可以知道區域的哪個幀（開始或結束）在拖動時得到更新？
[英]Wavesurfer.js -Is there any way to know, which frame(start or end) of region is getting updated on dragging?
我遇到過從波形中拖動區域時需要更新視頻幀的情況。 我知道當我們移動/拖動區域時，即使是“區域更新”也會觸發，並在回調中獲得區域 object。 當我們拖動整個區域時，我能夠處理這種情況。 但是，當用戶只拖動區域的開始或結束時，我們是否得到任何關於開始或結束是否正在拖動區域的信息？ ...
使用聲像器 (Javascript) 隔離音頻 blob 的右聲道或左聲道的 output
[英]Isolate output of right channel or left channel of audio blob using a panner (Javascript)
我正在使用wavesurfer.js來顯示和播放音頻 blob，並且正在尋找一種方法來隔離右聲道和左聲道的音頻 output。 我嘗試添加一個StereoPannerNode ，但似乎兩個通道都從我平移到的任何一側播放，並且沒有有效地隔離 +1 處的右通道或 -1 處的左通道。 對此問題的任何幫助 ...
如何使用 jQuery 或 JavaScript 中的 wavesurfer.js 在 HTML 中的兩個不同 div 上播放同一首歌曲
[英]how to play same song on two different divs in the HTML using wavesurfer.js in jQuery or JavaScript
我想在 html 的 2 個不同地方播放同一首歌曲。 我正在使用 wavesurfer.js 播放歌曲。 我希望同一首歌應該在頁面的某處以及頁面的頁腳中播放。 可能是這樣的： 如何在兩個不同的地方播放同一首歌。 使用 jQuery 或 JavaScript？ ...
如何將 Laravel 應用程序從播放瀏覽器中加載的音頻切換為從雲托管的音頻文件流式傳輸？
[英]How to switch a Laravel app FROM playing audio which is loaded in the browser TO streaming from a cloud hosted audio file?
大家好，今天好嗎？ 希望你好！！ 我有一個應用程序，基本上（細節不相關）允許用戶上傳音頻並在瀏覽器中播放。 我使用一個名為 wavesurfer.js 的庫來加載音頻並以一種很好的方式呈現它。 然而wavesurfer使用 像大多數基於 web 的媒體播放器一樣。 我希望從這種類型的行為轉變為一種 ...
如何使用wavesurfer僅繪制波形上的區域？
[英]How can I draw only the region on the waveform using wavesurfer?
我已經創建了下面的區域，現在我只想在加載音頻文件時在波形上繪制該區域。 ] ...
wavesurfer.js 嘗試設置區域中的句柄樣式
[英]wavesurfer.js trying to style handles in regions
我正在使用 wavesurfer.js 4.6.0 並且可以創建區域。 我可以更改區域的背景顏色並動態設置區域是否循環，但我還想更改該區域的左右手柄的顏色。 文檔沒有顯示在創建區域時設置它的方法，但如果我查看 gitHub 中的代碼，它有： 它顯示了循環和顏色是如何設置的。 它還表明它需要一個 ...
在 React 應用程序中使用 wavesurfer.js 會導致問題
[英]Using wavesurfer.js in a react app cause issues
使用wavesurfer 時遇到問題。 我在這里有一個使用 react 的演示，但我使用的是 Nextjs。 我無法讓 codesandbox 與他們的 nextjs 包一起工作，所以我改用了 react。 我有兩個問題： 我收到 ReferenceError: self is not def ...
僅使用沒有 wavesurfer 的 Videojs-record 錄制音頻
[英]Record audio only with Videojs-record without wavesurfer
我在我的 Rails 應用程序中使用 Videojs 和 Videojs-record 來創建消息並從用戶瀏覽器捕獲視頻和屏幕。 我正在使用 tailwindcss 構建自定義 UI，我正在使用 Stimulusjs 來處理所有按鈕點擊等。 我沒有使用 Videojs 播放器中的控件來獲取設備，而是 ...
實現 wavesurfer cursor 插件
[英]Implement wavesurfer cursor plugin
我目前正在為我的網站開發一個 wavesurfer 播放器，這是我到目前為止得到的 我嘗試了幾個小時來實現 cursor 插件： 但是我失敗了，我正處於不知道該做什么的地步。 任何人都可以在這里幫助我並編輯上面的代碼嗎？ 我真的很感激。 我還想要一個“活動”播放/暫停按鈕，以便在播放音頻時顯示播放， ...
WaveSurfer.create 不是 function
[英]WaveSurfer.create is not a function
我正在嘗試將 WaveSurfer.js 添加到 Next.js 應用程序中。 我像這樣通過 next/dynamic 導入了 package 現在，當我嘗試通過 WaveSufer.create() 創建新播放器時，我得到的信息是WaveSurfer.create 不是 function 。 有 ...
限制波浪 wavesurfer.js 的高度
[英]Restrict the height of the wave wavesurfer.js
在文檔中寫有波形條的高度。 大於 1 的數字會增加波形條的高度。是否有可能將波形條限制為 1 或更低？ 任何幫助都會受到重視，因為我自己找不到解決方案 ...
無法在 wavesurfer.js 中顯示剩余時間
[英]unable to show remaining time in wavesurfer.js
React-Wavesurfer 沒有維護，所以我已經轉到 wavesurfer.js，但問題是現在我如何檢測音頻當前時間並顯示到頁面，例如 0:01 / 3.02，我使用 wavesurfer.on(' audioprocess'）但我無法檢測到它，所以如果有人知道解決方案，請幫助，謝謝:) ...