zoukankan      html  css  js  c++  java
  • svg点击播放音乐

    svg点击播放音乐

    先微信后台添加音频 然后添加完把代码复制出来

        <foreignObject x="0" y="50" width="100%" height="850">
                            <section style="opacity:0;transform: scale(50)translate(-924px,-7px);">
           <section class="wx-edui-media-wrp custom_select_card_wrp"><section class="js_editor_audio audio_iframe res_iframe js_uneditable custom_select_card" src="/cgi-bin/readtemplate?t=tmpl/audio_tmpl&amp;name=bgmusic6.mp3&amp;play_length=04:03" isaac2="1" low_size="496.45" source_size="496.4" high_size="952.27" name="bgmusic6.mp3" play_length="243000" voice_encode_fileid="MzA4NjYxNjgwOV8xMDAwMDg1MjE=" data-topic_id="" data-topic_name="" data-pluginname="insertaudio" contenteditable="false" style="margin-top: 50px;"><!-- 图文类型的音频卡片 -->
    
    <section class="appmsg_card_context appmsg_card_active audio_card js_audio_card"><strong class="audio_card_title">bgmusic6.mp3</strong><span class="weui-flex"><span class="weui-flex__item"><span class="audio_card_opr"><span class="audio_card_progress_wrp"><span class="audio_card_progress"><span class="audio_card_progress_inner"></span></span></span></span><span class="audio_card_tips" aria-labelledby="时长"><em class="audio_card_length_current">00:00</em><em class="audio_card_length_total">04:03</em></span></span><span aria-labelledby="播放开关" class="audio_card_switch"><em class="weui-audio-btn" role="button"></em></span></span><span class="audio_album_null js_no_album">未加入话题</span><span class="audio_album_null js_album_name" style="display: none;"></span><span class="audio_action js_audio_action" style="display: none;"><span class="audio_action_item js_replace_album" style="display: none;"><em class="audio_action_icon_switch"></em>修改话题</span><span class="audio_action_item js_add_album"><em class="audio_action_icon_add"></em>添加话题</span></span></section>
    </section></section>
                            </section>
                        </foreignObject>

    然后就是调整下位置一定要点中按钮那个位置(注意一定要在预览情况下调整不是编辑模式)  

    调整这个

             <section style="opacity:0;transform: scale(50)translate(-924px,-7px);">







    ps:每个播放音乐一定要section分开哦


    如果遇到什么不懂的地方直接关注公众号留言(本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须在文章页面给出原文连接,否则保留追究法律责任的权利。)
    作者:newmiracle
    出处:https://www.cnblogs.com/newmiracle/

     
  • 相关阅读:
    NOIP2016-2020 复盘
    「笔记」线段树合并/分裂
    「笔记」线性基
    20210628模拟赛解题报告
    「笔记」左偏树
    题解 CF718C Sasha and Array
    一些杂碎的知识点
    20210614 模拟赛
    洛谷 P4249 [WC2007]剪刀石头布
    CF132E Bits of merry old England
  • 原文地址:https://www.cnblogs.com/newmiracle/p/15222717.html
Copyright © 2011-2022 走看看