• 365播放器皮肤制作步骤

    1.先做个播放器框架(会ps的用软件做,如果像我这样懂的不多就找张漂亮图片,简单加工就好了。记得图片要有个视频区,列表区和按钮区就行了。至于播放器按钮,可以照源文件里的按钮做,也可以直接用源文件的。熟悉了当然可以设计自己喜欢的按钮)-----图片都要保存为png格式,框架名字要和源文件里框架名字一样(这个源文件框架的名字是console)按钮也是


    2.在群共享下载好(播放器制作.zip)和(8090CMP播放器XML的注解.rar)
    桌面新建一个文件夹


    打开刚下载好的


    出来


    全部点蓝--点右键---解压到指定文件夹----


    选择刚才新建的那个文件夹(365播放器)


    3.把做好的框架和按钮拖入到 365播放器文件夹里,换了源文件的框架和按钮
    4..双击365播放器这个文件夹---找到调试软件双击打开


    点打开skin.xml
    5.找到这个文件点打开


    我们就看到自己的播放器皮肤,还有位置很乱的按钮

    " author="qingfen" email="159080258@qql.com" readme="清风87播放器" preview="" mask_color="" show_tips="0.5">

    上面一条是有关播放器的设置信息

    下面一段是有关播放设置和皮肤切换注解

    这里是列表设置

    这里是播放器视屏区

    这里是歌词显示

    这里是播主器主框架设置

    这里是主播放/暂停扭

    这里是前一曲按扭

    这里是后一曲按扭

    这里是音量条设置

    这里是播放进度度

    这里歌曲的列表切换扭

    这里是播放器信息/皮肤切换扭

    这里的歌曲的标志显示

    <p></p> 这里是播放状态显示<p></p> <status xywh="120,80, 120, 18" align="left" font="宋体" size="12" color="#f4f707" borderColor="" backgroundColor="" bold=""/><p></p> 这里是小喇叭静音切换<p></p> <bt_mute xywh="215R, -5c, 17, 17" src="bt_mute.png" tips="静音,打开声音" hover_volume=""/><p></p> 这里是显示每首曲目的时间<p></p> <time xywh="120r, 95, 110, 18" align="centert" font="宋体" size="16" color="#f4f707" borderColor="" backgroundColor="" bold=""/><p></p> </console><p></p> 上面是8090播放器最基本的一些位置注解,里面的图片大小,字体选择,色调设计,坐标移动,大家多试吧。有什么问题:<p></p> 到提问。<p></p></skin><p></p> 2.在条件软件里找到和上面代码相对应的调节位置,修改坐标和大小直到满意为止<p></p>例:1.我们要调节播放器框架,就在软件里找到<console xywh="0C, 0C, 550, 720" src="console.png" mask="" lock="1" display="1" group="A">这段代码。<p></p>550, 720是播放器框架的大小,把数字换成你的框架大小就行。如我换的框架是670*492,那么换好了就是<console xywh="0C, 0C, 670, 492" src="console.png" mask="" lock="1" display="1" group="A"><p></p>2.列表设置就找到这段代码<p></p><list xywh="-175C,185c, 120, 195" src="list.png" mask="" lock="1" display="0" group="A"><p></p> <tree xywh="7, 0, 100P, 100P" align="left" font="宋体" size="12" color="#4a3704,#ffffff"/><p></p> <scrollbar thumb_src="scrollbar_thumb.png" button_src="scrollbar_button.png" track_src="scrollbar_track.png"/><p></p> </list><p></p>-175C是列表横坐标,185c是纵坐标,120,195就是列表的大小。把这些数字改成你的列表需要的位置的数字,没有具体的数字,每天框架大小不同数字也不同。只有在慢慢修改中直到满意为止。<p></p>3.要调节播放/暂停扭就找到这段代码<p></p><bt_play xywh="265R, -5c, 20, 20" src="bt_play.png"/><p></p>265R是播放器播放按钮的横坐标,-5c纵坐标,20, 20是按钮的大小<p></p>其它调节方法都一样,调节哪个就在调节软件里找到注解里一样的代码,调节位置和大小就行了<p></p>下一步就是调节了<p></p>1.解压好8090CMP播放器XML的注解.txt如下:<p></p><skin version="1.2" name="清风系列" url="<div class="time">2013/10/30 10:07:45</div></div> </li> </ul> </div><div id="conCtl"><span onclick="reportBad()">举报不良信息</span></div> <div class="adsc"> <div class="_2jaymvdyvfy"></div> <script type="text/javascript"> if (Browser.isMobile) { (window.slotbydup = window.slotbydup || []).push({ id: "u6388735", container: "_2jaymvdyvfy", async: true }); } else { (window.slotbydup = window.slotbydup || []).push({ id: "u1199641", container: "_2jaymvdyvfy", async: true }); } </script> <!-- 多条广告如下脚本只需引入一次 --> <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer"> </script> </div> <div class="chatContent" id="leaveContent"> <div class="commentX"><button class="opr_btn praise_btn"></button><a href="/a/2398455538/b" target="_blank">忘了曾经</a><a href="/a/851838776/b" target="_blank">法师</a></div> </div> <div id="suggTil" class="secTil" style="display:none;"><span>高赞文章</span></div> <div class="section blog"> <ul id="suggSec"> </ul> </div> <div id="suggMsg"></div> <div id="bottomCtl"> <input id="btnNext" type="button" name="Continue reading..." style="display: none" class="bigButton" onclick="newWindow('/journals.htm?t=20211103024829')" value="看看下一页..." /> </div> <script>abNoUinContent = true; getData();</script> </div> </div> <div id="aside"> <!-- google_ad_section_start(weight=ignore) --> <dd class="help"> <H4> </H4> <a href="javascript:changesz(1);"> 大 </a><a href="javascript:changesz(-1);"> 小 </a> </dd> <!-- google_ad_section_end(weight=ignore) --> <dd id="ads_google" class="ads"> <H4> </H4> <script type="text/javascript">aspx_renderAds();</script> </dd> </div> </div> <script type="text/javascript">aspx_afterRender();</script> <div id="adsCache" style="display: none;"></div> <div id="adsCache2" style="display: none;"></div> <div id="add_function"> </div> <script type="text/javascript">addStyleControl();</script> <div id="footer"> <p class="guidance toolbar"> <a href="http://gogoqq.com" target="_blank">GoGoQQ 2021 </a><span>此内容来自网络,不代表GoGoQQ赞成该内容或立场</span> </p> <div class="relate_link"> </div> <address> </address> </div> </body> </html>