vue.js 里可以页面上不创建 dom 对象,而直接在 js 里直接播放音频吗? - V2EX
请不要在回答技术问题时复制粘贴 AI 生成的内容
Ketter

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

  •  
  •   Ketter Oct 10, 2019 3437 views
    This topic created in 2411 days ago, the information mentioned may be changed or developed.

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

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

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

    audio 有相应的 api 暂停和播放,不需要用 v-if 控制
    zhw2590582
        2
    zhw2590582  
      &nbp;Oct 10, 2019 via iPhone   1
    可以用 AudioContext,用 ajax 获取音频数据,不用创建 dom 也可以播放音频。
    icanfork
        3
    icanfork  
       Oct 10, 2019   2
    这是 Javascript 的知识,不是 Vue or React
    Biwood
        4
    Biwood  
       Oct 10, 2019 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
       Oct 10, 2019
    每个大兄弟的回答我都认真看了,感谢!基础不牢地动山摇啊(捂脸)
    whypool
        6
    whypool  
       Oct 10, 2019
    这是 BOM,不是 DOM
    icanfork
        7
    icanfork  
       Oct 10, 2019
    @Biwood #4 他知道 audio 这个标签,是想要进行动态控制

    大兄弟,不是通过隐藏 /显示 audio 来控制是不是播放音乐的
    你也可以不用先在 DOM 里面放 <audio> 标签,直接用 js 实时创建一个
    https://blog.csdn.net/u014520745/article/details/52412427
    cst4you
        8
    cst4you  
       Oct 10, 2019
    droiz
        9
    strong>droiz  
       Oct 10, 2019 via iPhone
    直接 audioapi
    About     Help     Advertise     Blog     API     FAQ     Solana     3052 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 692ms UTC 02:50 PVG 10:50 LAX 19:50 JFK 22:50
    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