vue.js 里可以页面上不创建 dom 对象,而直接在 js 里直接播放音频吗? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
Ketter
V2EX    程序员

vue.js 里可以页面上不创建 dom 对象,而直接在 js 里直接播放音频吗?

  •  
  •   Ketter 2019-10-10 09:20:10 +08:00 3254 次点击
    这是一个创建于 2280 天前的主题,其中的信息可能已经有所发展或是发生改变。

    具体业务需求:就 PC 点击一个提交按钮以后出现音效

    现在是直接在页面用 v-show 创建一个隐藏的<audio>,然后在 method 里添加控制 v-if 的逻辑来播放音效</audio>

    9 条回复    2019-10-10 13:43:54 +08:00
    ochatokori
        1
    ochatokori  
       2019-10-10 09:25:32 +08:00 via Android   1
    这跟 vue 不 vue 没有关系,你甚至可以直接 new 一个 Audio 对象播放音频

    audio 有相应的 api 暂停和播放,不需要用 v-if 控制
    zhw2590582
        2
    zhw2590582  
       2019-10-10 09:26:14 +08:00 via iPhone   1
    可以用 AudioContext,用 ajax 获取音频数据,不用创建 dom 也可以播放音频。
    icanfork
        3
    icanfork  
       2019-10-10 09:29:16 +08:00   2
    这是 Javascript 的知识,不是 Vue or React
    Biwood
        4
    Biwood  
       2019-10-10 09:36:22 +08:00 via Android   2
    严格来说这属于 Web API 的范畴,既不是 Javascript 也不是 DOM

    https://developer.mozilla.org/zh-CN/docs/Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API
    Ketter
        5
    Ketter  
    OP
       2019-10-10 10:31:22 +08:00
    每个大兄弟的回答我都认真看了,感谢!基础不牢地动山摇啊(捂脸)
    whypool
        6
    whypool  
       span class="ago" title="2019-10-10 10:34:05 +08:00">2019-10-10 10:34:05 +08:00
    这是 BOM,不是 DOM
    icanfork
        7
    icanfork  
       2019-10-10 10:35:50 +08:00
    @Biwood #4 他知道 audio 这个标签,是想要进行动态控制

    大兄弟,不是通过隐藏 /显示 audio 来控制是不是播放音乐的
    你也可以不用先在 DOM 里面放 <audio> 标签,直接用 js 实时创建一个
    https://blog.csdn.net/u014520745/article/details/52412427
    cst4you
        8
    cst4you  
       2019-10-10 13:23:48 +08:00
    droiz
        9
    droiz  
       2019-10-10 13:43:54 +08:00 via iPhone
    直接 audioapi
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1691 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 30ms UTC 16:20 PVG 00:20 LAX 08:20 JFK 11:20
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86