• 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/

     
  • 相关阅读:
    对cross-env的理解
    【好好学习】mh_h5
    QS工具入门
    vue中用qs传参发送axios请求
    Web API 异常处理
    WEB API Filter的使用以及执行顺序
    RSA/SHA1加密和数字签名算法在开放平台中的应用
    windows上RSA密钥生成和使用
    Cordova Error: cmd: Command failed with exit code ENOENT
    Cordova热更新cordova-hot-code-push
  • 原文地址:https://www.cnblogs.com/newmiracle/p/15222717.html
Copyright © 2020-2023  润新知