彩云归 的个人主页 注册

【原创】制作《背景音乐用播放器》

导语:

修改
字体调整: | |

发表于2018年11月01号 07点 阅读 10679 评论13 点赞42 ©著作权归作者所有

    《背景音乐用播放器》是一款专门为一张图片;一幅动画;一篇文章;一行文字等配置音乐的播放器。播放器的外表是完全透明的,大小可以随意定义,一般根据覆盖元素(图片或其他)大小,选择播放器大小。通过参数设置可以选择播放什么音乐,选择自动播放或手动播放。可选择控制音乐播放方式:鼠标点击;鼠标经过;鼠标离开时播放/暂停(或停止。可选择是否配图(图片或动画等)。点击播放器可自动复制音乐网址。通过相对定位代码,将播放器贴在图片(或其他)上。

    博客添加《背景音乐用播放器》的代码:

 

<DIV style="MARGIN-TOP: -元素高度px; MARGIN-LEFT: 元素距离左边px"><EMBED type=application/x-shockwave-flash width=宽度 height=高度 src=http://www.oldkids.cn/upload/2019/07/14/blog_20190714082730067.swf FLASHVARS="参数列表" QUALITY="high" WMODE="transparent"></EMBED></DIV>

 

    代码说明:

    1、-元素高度:欲配背景音乐元素高度的负数。

    2、元素距离左边:欲配背景音乐元素距离左边界线多少位置

    3、width=宽度:一般设置为与欲配背景音乐元素宽度一致。如选择配图则为配图缩放后的宽度。

    4、height=高度:一般设置为与欲配背景音乐元素高度一致。如选择配图则为配图缩放后的高度。

    5、参数列表

    mp3=音乐网址&amp;s=1&amp;x=0&amp;k=0&amp;tp=配图网址&amp;f=配图缩放

    mp3=音乐网址即为mp3网址,这是必须设置的参数。

    s=1  设置自动播放,不用此参数(默认)手动播放
    x=0  音乐停止播放。不用此参数(默认)暂停播放

    k=0  鼠标点击音乐播放/暂停或停止,不用此参数(默认)鼠标经过播放,离开暂停或停止
    tp=配图网址  需配图的图片网址

    f=配图缩放   图片配图的缩放比例。不用此参数,f=100,图片的原始尺寸(默认)。f小于100缩小,大于100放大。

 

    实例一:播放器覆盖在文字上(鼠标点击;经过、离开时的控制)

一壶老酒-陆树铭
《藕断丝连》陈瑞
《当你老了》侃侃
《别亦难》孙露

      一壶老酒-陆树铭        FLASHVARS="mp3=音乐网址&amp;x=0&amp;k=0"   鼠标点击音乐播放/停止

     《藕断丝连》陈瑞       FLASHVARS="mp3=音乐网址&amp;k=0"                    鼠标点击音乐播放/暂停

     《当你老了》侃侃       FLASHVARS="mp3=音乐网址&amp;x=0"                    鼠标经过播放,离开停止

     《别亦难》孙露           FLASHVARS="mp3=音乐网址"                                      鼠标经过播放,离开暂停

    实例二:播放器配图画(鼠标经过播放,离开暂停)

大悲咒

    实例三:播放器覆盖在动画上(鼠标点击音乐播放/暂停 )

(直接点击画面“夕阳箫鼓-古琴”播放/暂停)

(注:您的设备不支持flash)

声明:以上内容仅用户个人行为,不代表本站(老小孩社区)观点,如有侵权或其他行为用户自己承担相关责任与本站无关。【举报文章】
点赞42 收藏 11 推送到圈子 分享
微信扫二维码分享

等42人点赞

本文作者

加好友
评论字体大小调节: | |

精选留言

您需要登录后才能回复

登录立即注册

请选择你想添加的收藏夹

新建收藏夹

收藏夹名称

©2017 老小孩网站版权所有 | 沪ICP备08012383号    举报电话:021-64323922
×
×