介绍一款JavaScript播放器 - Dewplayer

    网页播放器一般都是很简陋的，比如51cto的等等。Dewplayer是一款很不错的播放器，支持xml，方便后台管理，这里我写了一个后台接入的类，自己调用就可以对播放器进行增删改查的管理，导入导出。

    首先是播放器的样式代码：

    样式1：

    

    样式2：

    

    样式3：

    

    样式4：

    

    样式5：

    

    样式6：

    

    样式7：

    

    下面是playlist.xml的格式：

    
    
    
    
music/mp3/1.mp3    
    
    
    
music/mp3/2.mp3    
    
    
    
music/mp3/4.mp3    
    
    
    
music/mp3/6.mp3    
    
    
    
music/mp3/3.mp3    
    
    
    
music/mp3/5.mp3    
    
    
    

    下面是后台管理xml的类xmlhelper(.NET版)：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Xml;
using System.Data;
using System.IO;

namespace Blog.XML
{
    public class xmlhelper
    {
        
        //XML添加方法
        public void AddXML(string text11, string text3, string fileName)
        {
            string id = text11;
            string title = text3;
            string location = @"music/" + fileName;
            //在第一个前面插入一条信息
            XmlDocument doc = new XmlDocument();
            doc.Load(HttpContext.Current.Server.MapPath("XML/xmltodataset.xml"));
            XmlNode trackList = doc.SelectSingleNode("/playlist/trackList");
            XmlElement track = doc.CreateElement("track");

            XmlElement ele_id = doc.CreateElement("id");
            ele_id.InnerText = id;
            track.AppendChild(ele_id);
            
            XmlElement ele_title = doc.CreateElement("title");
            ele_title.InnerText = title;
            track.AppendChild(ele_title);

            XmlElement ele_location = doc.CreateElement("location");
            ele_location.InnerText = location;
            track.AppendChild(ele_location);

            trackList.InsertBefore(track, trackList.FirstChild);

            doc.Save(HttpContext.Current.Server.MapPath("XML/xmltodataset.xml"));
        }
        //XMl删除
        public void Delete(string id)
        {
            //通过id获取信息
            XmlDocument doc = new XmlDocument();
            doc.Load(HttpContext.Current.Server.MapPath("XML/xmltodataset.xml"));
            XmlNode trackList = doc.SelectSingleNode("/playlist/trackList");
            foreach (XmlNode track in trackList.ChildNodes)
            {
                XmlNode node_id = track.FirstChild;
                if (node_id.InnerText == id)
                {
                    track.ParentNode.RemoveChild(track);
                }
            }
            doc.Save(HttpContext.Current.Server.MapPath("XML/xmltodataset.xml"));
           
        }
        //XML修改
        public void Update(string id, string title)
        {
            string ID = id;
            //通过id获取信息，然后更改信息
            XmlDocument doc = new XmlDocument();
            doc.Load(HttpContext.Current.Server.MapPath("XML/xmltodataset.xml"));
            XmlNode trackList = doc.SelectSingleNode("/playlist/trackList");
            foreach (XmlNode track in trackList.ChildNodes)
            {
                XmlNode temp_node = track.FirstChild;
                if (temp_node.InnerText == ID)
                {
                    track.ChildNodes[1].InnerText = title;
                    doc.Save(HttpContext.Current.Server.MapPath("XML/xmltodataset.xml"));
                    break;
                }
            }
        }
        //XML获取id进行修改
        public string GetEntity(string id)
        {
            string entity = "";
            XmlDocument doc = new XmlDocument();
            doc.Load(HttpContext.Current.Server.MapPath("XML/xmltodataset.xml"));
            XmlNode trackList = doc.SelectSingleNode("/playlist/trackList");

            foreach (XmlNode track in trackList.ChildNodes)
            {
                XmlNode temp_node = track.FirstChild;
                if (temp_node.InnerText == id)
                {
                    foreach (XmlNode item in track.ChildNodes)
                    {
                        entity += item.InnerText + "|";
                    }
                    entity = entity.Substring(0, entity.Length - 1);
                    break;
                }
            }
            return entity;
        }
    }
}

    最终效果：

    样式1：(麻蛋51CTO把路径屏蔽了，只能直接拿才能用。)

    

    样式2：（这个就可以~唉~）
    

    代码地址：https://github.com/geeklx/geeklx.github.com/tree/master/music