国产无码综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

<mark id="yb4vd"></mark>

vue3 -- 使用audio標簽播放音頻

2年前作者：Kingsaj分類：Toy博客閱讀(20)違法舉報

這篇具有很好參考價值的文章主要介紹了vue3 -- 使用audio標簽播放音頻。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方，請大家不吝賜教，您也可以點擊"舉報違法"按鈕提交疑問。

1：需求

公司系統(tǒng)內(nèi)的審批頁面，前端要根據(jù)后臺推送的信息，使用’提示音’提醒用戶進行對應(yīng)審批操作。

2：開發(fā)環(huán)境

vue3 項目簡介 | Vue.js (vuejs.org)
TypeScript TypeScript: JavaScript With Syntax For Types. (typescriptlang.org)
vite Vite | 下一代的前端工具鏈 (vitejs.dev)

3：思路

下載好使用音頻文件音效網(wǎng)，保存本地。
將音頻文件保存到項目中，建議文件放在public\mp3\dingdong.mp3下。
用戶進入該審批頁面，點擊‘開啟提示音’，前端輪詢請求后端接口，如果有新的數(shù)據(jù)需要審批，頁面會出現(xiàn)提示音。文章來源地址http://www.zghlxwxcb.cn/news/detail-791295.html

4?

到了這里，關(guān)于vue3 -- 使用audio標簽播放音頻的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來自互聯(lián)網(wǎng)用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載，請注明出處：如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符，請點擊違法舉報進行投訴反饋，一經(jīng)查實，立即刪除！

分享到：

領(lǐng)支付寶紅包贊助服務(wù)器費用

h5音頻標簽?zāi)M實現(xiàn)語音條(VUE3)
思路：將原audio標簽通過css隱藏，在通過css的div實現(xiàn)語音條樣式，獲取到audio的ref,操作audio的play、pause方法即可效果圖： template ? div style=\\\"display: none\\\" ? ? audio ? ? ? controls ? ? ? ref=\\\"audioRef\\\" ? ? ? @loadedmetadata=\\\"handleLoadedMetadata\\\" ? ? ? @ended=\\\"audioEnded\\\" ? ? ? ? ? !-- source :src=\\\"
2024年03月20日
瀏覽(24)
【HTML5】HTML5 多媒體標簽 ① ( audio 音頻標簽 | 音頻標簽常見屬性值設(shè)置 | 音頻標簽?zāi)J代碼設(shè)置 | 音頻標簽設(shè)置多種類型音頻文件 )
傳統(tǒng) HTML 開發(fā)中 , 如果想要向網(wǎng)頁中嵌入音頻和視頻 , 需要使用 Flash 瀏覽器插件才能實現(xiàn) ; 在 HTML5 中 , 使用多媒體標簽 , 即可實現(xiàn)向瀏覽器中插入音視頻 , 多媒體標簽如下 : 音頻標簽 : audio 視頻標簽 : video HTML 5 的 audio 音頻標簽 , 支持 ogg / mp3 / wav 三種格式的音頻 , 不同的
2024年02月15日
瀏覽(116)
web audio api 實現(xiàn)音頻播放
最近被選中做音視頻，挺幸運的吧，一直在接觸新的項目，每次都能被分到新的項目組，干好多費頭發(fā)的事情?? 上周五肝到12點半，總算是把音頻編輯上了線總結(jié)了一下，決定寫一寫，也盤點一下遇到的坑 web audio API是 HTML5新增的API，提供了在web上控制音頻的一個有效通用的
2023年04月09日
瀏覽(26)
Audio API 實現(xiàn)音頻播放器
市面上實現(xiàn)音頻播放器的庫有很多，比如wavesurfer.js、howler.js等等，但是都不支持大音頻文件處理，100多M的文件就有可能導(dǎo)致程序崩潰。總之和我目前的需求不太符合，所以打算自己實現(xiàn)一個音頻播放器，這樣不管什么需求在技術(shù)上都可控。下面我們簡單介紹下 wavesurferJs 、
2024年02月10日
瀏覽(18)
audio音頻不能自動播放的解決方法
由于瀏覽器限制的原因，不允許自動播放audio音頻，嘗試網(wǎng)上的方法后也沒有進展（如果有解決方法，歡迎評論~）一、首先創(chuàng)建?audio?標簽二、因為在頁面刷新后需要先執(zhí)行動畫，動畫完成后才去播放音樂，所以在執(zhí)行?mounted?函數(shù)時，先加載音樂源三、在動畫完成后，進
2024年02月11日
瀏覽(34)
flutter開發(fā)實戰(zhàn)-just_audio實現(xiàn)播放音頻暫停音頻設(shè)置音量等
flutter開發(fā)實戰(zhàn)-just_audio實現(xiàn)播放音頻暫停音頻設(shè)置音量等最近開發(fā)過程中遇到需要播放背景音等音頻播放，這里使用just_audio來實現(xiàn)播放音頻暫停音頻設(shè)置音量等在pubspec.yaml引入just_audio 在iOS上，video_player使用的是AVPlayer進行播放。在Android上，video_player使用的是ExoPlayer。 2.
2024年02月13日
瀏覽(22)
Unity 之利用Audio Source（音頻源）組件用于播放聲音
Unity中的Audio Source（音頻源）是一個用于播放聲音的組件，通常附加到游戲?qū)ο笊?，以便在游戲中播放音頻效果、音樂或?qū)υ?。以下是Audio Source的詳細介紹：添加Audio Source ：要在Unity中使用Audio Source，首先需要將其附加到一個游戲?qū)ο笊?。通常，您可以選擇場景中的一個空游
2024年02月09日
瀏覽(24)
vue3.0 安卓和ios h5 移動端音頻自定義圓環(huán)可拖拽播放（兼容微信瀏覽器）
安裝? npm install weixin-js-sdk 引入 template ? ? div class=\\\"circle_box\\\" ? ? ? ? div id=\\\"content\\\"/div ? ? ? ? ?img class=\\\"img_0\\\" src=\\\"https://img.yzcdn.cn/vant/cat.jpeg\\\" alt=\\\"\\\" ? ? ? ? ?img @click=\\\"changeType\\\" class=\\\"img_1\\\" v-show=\\\"playbool\\\" src=\\\"@/assets/decompression/pressure_audio_play.png\\\" alt=\\\"\\\" ? ? ? ? ?img @click=\\\"changeType\\\"
2023年04月23日
瀏覽(24)
同源跨窗口通信：網(wǎng)易云音樂不同標簽頁打開同一頁面，暫停原先標簽頁音頻播放
原文見：語雀有個聲音很好聽的小帥哥問我說，如果當(dāng)前瀏覽器打開一個標簽頁，頁面播放著音樂，然后相同的鏈接又在另外一個頁面打開，該如何將之前的頁面音頻停止播放。有小帥哥問問題，我當(dāng)然要回答啦（其實是我不得不答）?? 我一想，這是跨窗口通信，用postM
2023年04月08日
瀏覽(88)
Vue3-在HTML標簽、組件標簽上使用v-model
本篇為Vue3學(xué)習(xí)中遇到的v-model相關(guān)的記錄，如有問題歡迎指正 v-model通常在input、select等標簽上來實現(xiàn)數(shù)據(jù)雙向綁定原理：v-model通過給標簽value賦值來實現(xiàn)? 數(shù)據(jù)—頁面的綁定。然后通過綁定input事件實現(xiàn) 頁面—數(shù)據(jù) 的綁定。原理：在組件上時，v-model通過 :modelValue 來進行
2024年01月24日
瀏覽(26)

<style id="gea5e"></style>