CN102665128B - 时间轴形式的内容定制方法和装置 - Google Patents

Abstract

本发明提供了一种定制网络播放内容的方法，包括：接收用户对播放内容的选择，确定所选择播放内容的类型和时间属性，播放内容的类型包括：直播视频、直播音频、点播视频、点播音频；将所述播放内容信息数据封装成统一的播放内容信息格式，根据所述播放内容的类型和时间属性确定播放内容在时间轴上的位置，形成时间轴形式的播放内容视图；计算时间轴上的播放内容视图的坐标位置和宽度，绘制时间轴刻度，向用户呈现时间轴形式的播放内容视图。本发明还提供了一种定制网络播放内容的装置。用户可以在同一内容播放列表中添加视频直播、音频直播、视频点播、音频点播内容，实现在同一内容播放列表中将来自不同资源的内容信息进行混编。

Description

时间轴形式的内容定制方法和装置

技术领域

本发明涉及通过网络提供多媒体内容播放的技术，特别涉及时间轴形式的多媒体内容定制播放方法与装置。

背景技术

在当前通过网络让用户来编辑内容播放列表时，通常有两种方式，一种方式是允许用户将内容按顺序排列，然后按顺序播放。另外一种方式是将设定好时间的内容放到网上，供用户选择设定好的内容单进行播放。但是这两种方式只适用于内容数据库中已有的文件。

另外，现有技术的这些方式还不能支持用户在网页上按自己的意愿定制包含视频直播、音频直播、视频点播、音频点播等各类内容的播放时间、使这些不同类型的播放内容构成一个视听内容的播放列表呈现给用户，以类似于电台广播的方式在预定的周期内按时间顺序播放定制的播放列表中的各种内容。

发明内容

本发明的目的之一是要提供一种新的提供用户在网络上定制包含视频直播、音频直播、视频点播、音频点播等各类内容的内容播放列表的方法与装置。

本发明的又一目的是提供一种方便用户直观地编排内容播放列表的方法与装置。

本发明的又一目的是提供一种使用户简单地操作以编排内容播放列表的方法与装置。

根据本发明的一个方面，提供了定制网络播放内容的方法，包括：

1)接收用户对播放内容的选择，确定所选择播放内容的类型和时间属性，所述播放内容的类型包括：直播视频、直播音频、点播视频、点播音频；

2)将所述播放内容信息数据封装成统一的播放内容信息格式，根据所述播放内容的类型和时间属性确定播放内容在时间轴上的位置，形成时间轴形式的播放内容视图，和

3)计算所述时间轴上的播放内容视图的坐标位置和宽度，绘制时间轴刻度，向用户呈现所述时间轴形式的播放内容视图。

根据本发明的另一方面，提供了定制网络播放内容的装置，包括：

1)数据库查询单元，接收用户对播放内容的选择，在数据库中查找相应的播放内容，所述播放内容的类型包括：直播视频、直播音频、点播视频、点播音频；2)后台处理单元，将所述播放内容信息数据封装成统一的播放内容信息格式，根据所述播放内容的类型和时间属性确定播放内容在时间轴上的位置，形成时间轴形式的播放列表，3)浏览器单元，计算所述时间轴上的播放内容视图的坐标位置和宽度，绘制时间轴刻度，向用户呈现所述时间轴形式的播放列表。

上述方法和装置的有益效果之一是，用户可以在同一内容播放列表中添加视频直播、音频直播、视频点播、音频点播内容，实现在同一内容播放列表中将来自不同资源的内容信息进行混编，从而使用户能够自己定制混合播放各种类型内容的网络电台。此外，用户可以简单而又直观地操作来根据自己的喜好编辑内容播放列表。

附图说明

下面结合附图对本发明的一些实施方式进行说明。

图1是本发明一实施方式的适用于网络定制播放内容的方法的系统示意框图；

图2是本发明一实施方式的时间轴形式的网络播放内容的示意图；

图3是本发明一实施方式的实现时间轴形式的定制网络播放内容的方法流程图。

具体实施方式

下面将结合附图，对本发明的实施例进行描述。

如图1所示，本发明一实施方式的适用于网络定制播放内容的方法的系统包括：数据库10，存储各种类型的播放内容的内容数据及相关的信息数据；后台应用单元20，响应用户通过浏览器(用户界面)的请求，从数据库10读取内容数据及相关信息，进行过滤、分析等处理，将处理结果反馈给浏览器，以及对外提供语言无关接口供浏览器调用；浏览器单元30，为用户提供呈现操作界面和操作结果(例如：内容播放列表，内容视图显示，比例放大与缩小时间轴视图等)显示的浏览器。通过该系统，解决了常规的内容定制系统不能将视频直播、音频直播、视频点播、音频点播等多种类型内容添加在单一的内容播放时间表(内容播放列表)中的问题，可以实现音、视频内容添加、编辑、删除、复制、预览、放大、缩小、图像渲染等功能。

数据库10可包括内容信息数据库101、视频直播内容数据库102、音频直播内容数据库103、视频点播内容数据库104、音频点播内容数据库105，以及定制播放内容数据库106。视频直播内容数据库102和音频直播内容数据库103中储存的是直播内容的Http数据流的地址。音视频的点播内容以常规的格式分别储存在上述的视频点播内容数据库104他音频点播内容数据库105中。此外，数据库10还可储存用户界面信息、内容关联信息、用户收藏信息等与内容相关的信息。

内容信息数据库101储存了内容数据库102-105中所有播放内容的信息。定制播放内容数据库106中储存了用户定制的内容播放列表(后文将详细说明)。

各类内容是以常规的格式储存在各自的数据库中。例如，音频内容来源的数据格式可以采用RealAudio、MP3、WMA、APE、FLAC以及AAC等。视频内容来源的数据格式可以采用AVI、nAVI、DV-AVI、MPEG、DivX、MOV、ASF、WMV、RMVB等。在本发明的实施方式中，存储源文件后，将音频内容统一转换为MP3格式，视频内容转换为FLV格式后进行存储。直播类内容设有开始播放和结束播放的时间的属性，点播类内容虽然没有开始播放和结束播放的时间，但设有播放时长属性。点播类内容的播出开始时间可以由用户自行设定。用户可以在直播内容的开始播放时间和结束播放的时间之间设定自己想要收听/收看的直播内容播放起止时间。内容播放列表就是各类内容按开始播出时间的顺序排列的数据组合。

后台应用单元20采用Java语言实现。通过该单元可以实现多个应用系统。例如内容播放列表系统，其储存音频和视频内容的播放时间安排。每个内容播放列表记录的就是特定用户定制的内容的信息数据。每一个内容的信息都包含了其特定的属性，例如：

播放属性：直播视频，直播音频，点播视频，点播音频；

分类属性：音乐、娱乐、新闻、健康、戏曲、旅游、美食等；

资源属性：如XX音乐台、XX教育台、XX交通台、XX体育台等；

时段属性：即播放内容的开始时间和结束时间；

名称属性：即播放内容的名称。

后台应用单元20还可提供对各类内容选择的后台支持。对内容的选择条件可以包括上述的各类属性。另外，还可以设置文本输入框，接收用户根据自己感兴趣的内容(包括上述的各种属性的名称)输入的文字选择。例如用户选择音频点播，后台应用单元20就可以提供按音频点播条件查询出的音频文件列表。如果用户选择音频直播，后台应用单元20就可以提供按音频直播条件查询出的音频文件列表。

当用户选择这些属性或手动输入感兴趣的内容名称或属性后，后台应用单元20的数据访问单元201响应浏览器请求，根据用户输入的查询条件组织SQL查询语句，从数据库10中读取相应的关于播放内容信息的数据，并对该数据进行封装，包括对原始数据进行删除和转换，以保持不同类型内容的信息格式的统一。

例如，对于点播内容，为了保持不同类型内容的信息格式的统一，数据访问单元201将点播内容的播放时长转换为开始时间和播放时间，以与直播内容的信息格式统一。为此，要删除该点播内容的播放时长，将时长转换成播放的开始时间和结束时间(开始时间默认为00：00，结束时间为开始时间加上内容时长后的时间)。此外，封装将保留内容名称、时间属性、流地址、播放属性、分类属性、资源属性等，并删除原内容中的主持人信息，对于上传内容还会删除作者和时间，文件大小等信息，最终形成统一的播放内容信息格式。

后台应用单元20通过提供语言无关接口(例如JSON数据接口)来供客户端浏览器调用。以下是提供JSON数据接口的代码段示例：

后台应用单元20可以包含多个单元以支持用户对内容进行多种条件的选择。例如：

收藏数据单元202：单元202支持提供用户查询其他用户收藏的内容和内容列表数据的功能。当用户选择“其他用户收藏”的条件时，收藏数据单元202根据用户选择查询到其它用户收藏的内容信息数据，并与收藏内容数据库中的信息数据进行比对，删除无效的内容信息数据(如已被删除的音频点播数据)。然后将查询得到的关于该收藏的内容信息数据提供给浏览器，以呈现给用户。

内容关联性分析单元203：用户在浏览器显示的定制页面中选择一个内容名称以进行添加操作时，浏览器会同步发起Ajax请求来响应该用户的操作。以下代码段示例了该功能的一种实现：

内容关联性分析单元203对内容信息的数据进行分析，并找出与该内容信息的内容分类属性(音乐、体育、交通…等)或其它属性相同的内容资源的信息返回给浏览器。

播放列表过滤单元204：当为用户提供多个播放内容列表以供用户进行选择时，单元204先对这些播放内容列表进行过滤、分析，例如删除没有播放内容的空列表等，然后将过滤后留下的有效内容播放列表的信息传送至浏览器，以呈现给用户。

音视频过滤单元205：对根据用户查询条件所查询出的音视频内容进行过滤，删除无效的内容(如已被后台管理员做删除标记的回放内容)。

浏览器单元30支持为用户提供操作界面和显示播放内容定制结果的浏览器。完成音视频内容的添加、编辑、删除、复制、预览、放大、缩小、图像渲染等功能，该单元采用JavaScript、CSS(级联样式表)和HTML实现。

浏览器单元30包括：

内容分类单元301，根据用户在内容播放列表上添加内容的属性，判断该内容属于直播类还是点播类，根据判断结果，由数据访问单元201重新封装内容信息数据，供时间轴使用。

播放列表维护单元302，利用浏览器的常规手段，将内容播放列表数据渲染，并绘制到时间轴上。该渲染包括对内容时间框、当前内容蒙版层、动态提示框、内容时间跨度的绘制，和文本截断、时间轴放大、缩小等。

视图渲染单元303：根据当前内容播放列表中的内容信息数据，计算内容视图的坐标位置和宽度，设置内容视图的CSS样式。浏览器渲染时间轴上的内容视图显示，以及绘制时间轴刻度，内容蒙版层和各种鼠标悬停效果(如鼠标悬停于内容视图上时弹出界面信息提示)。

事件监听响应单元304：负责检测用户在时间轴上以及周边区域产生的DOM(Document Object Model：文档对象模型)事件，并根据事件类型不同由相关功能响应。包括监听、响应鼠标移动、鼠标点击等事件。本发明中，在浏览器常规的默认监听处理之外增加了特定的处理函数，来完成对不同事件的处理逻辑。下面将详细说明。

所实现的特殊事件包括：

拖动内容视图左边框事件，此处增加的处理函数调整内容视图的左边框的位置、内容的开始播出时间以及时间跨度线(见图2)。

拖动内容视图右边框事件，此处增加的处理函数调整内容视图的右边框的位置、内容的开始播出时间以及时间跨度线。

一个处理函数示例如下：

上述函数中，首先使用语句“ctx.curItem.isLive()”判断播放内容是否为直播类。

如果是直播类内容，则为页面文档添加鼠标按下(mousedown.drag)、鼠标移动(mousemove.drag)和鼠标释放(mouseup.drag)三个事件监听器，这三个事件监听器将用于处理用户调整内容的播出时间时产生的事件。

如果是点播类内容，则弹出调整内容播出时间的对话框，用户通过该对话框可以调整内容的实际播出时间。

需要说明，有很多事件都属于鼠标点击事件，只是点击位置不同对应的处理逻辑不同。这类点击事件都是采用常规的处理手段。例如：点击播放内容的事件，引起为该内容视图产生蒙版层的操作，在浏览器上表现为内容视图框变为红色，并显示删除按钮。

播放列表输出单元305，封装内容播放列表数据，根据封装的数据，生成按开始时间先后顺序排列的定制内容播放列表，供用户预览。由此可以实现定制内容播放列表的实时预览，单/多天保存等。而且用户可在预览界面对定制的内容进行删除操作。用户定制的内容播放列表存储在定制播放内容数据库106中。一种内容播放列表的格式如下：

内容播放列表示例

参照图2和图3说明本发明一实施方式的实现时间轴形式的定制网络播放内容的方法。

步骤S001：用户通过浏览器的用户选择界面列出的各类选项或文字输入框，输入选择条件。后台单元20的数据访问单元201根据该选择条件，查询出数据库10中相关的音、视频内容，在浏览器上显示这些音视频内容的信息。用户点击浏览器中被选择内容所对应的“添加”按钮，则该内容被定位到时间轴上。

在该步骤中，通过数据访问单元201支持音频直播、音频点播、视频直播、视频点播等多个播放系统的内容信息数据搜索，并可使用播放属性、分类属性、资源属性、时段属性、名称属性等限制条件对搜索结果进行限制以便精确搜索。

可以默认设置为在浏览器中将所有播放系统、所有分类、所有内容来源(资源)、所有时段下的内容名称都显示在选择清单中供用户选择。

例如，用户首先确定播放类型，然后当选择了“文艺”分类时，则数据访问单元201使浏览器逐项列出所有播放系统提供的、来自各个可用资源的、所有时段下的、具有所有该文艺分类属性的内容名称。当用户选择其中一项的内容名称(例如“评书广播”)时，则根据该内容名称及其属性(点播/直播、音频/视频等)对数据库10储存的播放内容名称进行搜索，找到对应的内容资源并获取该内容的信息。

如果用户是选择其它用户收藏的音、视频内容，则数据访问单元201根据用户的选择确定代表该收藏音、视频内容的收藏数据(即包含播放内容名称、属性、时间段、所属台、分类等的内容数据项)，收藏数据单元202分析该收藏数据，包括内容标识符、播放时长、内容名称等，去除无效数据,如已被后台管理员标记为删除的内容。

如果是要选择其他用户收藏的定制的播放内容列表，播放列表过滤单元204对数据库进行搜索，对搜索到的所有内容列表进行过滤，删除无效的内容列表和播放内容信息，如已被删除或关闭的用户定制内容列表和播放内容信息。

在根据用户输入的查询条件查询出音、视频内容的名称后，音视频过滤单元205对查询到的内容名称进行过滤，删除无效内容，如已经停播或过期的内容。然后将余下的内容数据传送至浏览器。

用户选中要添加的内容后，浏览器通过Ajax向后台单元30发送请求。

该请求的代码段示例如下：

内容关联性分析单元203响应请求，分析并查询与所要添加的内容有关联性的其他内容的信息，并传送给浏览器，呈现给用户选择。

例如，这个关联性是根据类型属性决定的。当用户选择了具有音乐分类属性的某个内容后，则查询出所有具有该音乐分类属性的内容，经音视频过滤单元205过滤后传送给浏览器，呈现给用户选择。

步骤S002：在用户选择了“评书广播”作为要添加到时间轴上的内容数据后，内容分类单元301根据添加内容的属性判断该内容的播放类型，即属于直播类还是点播类，并重新封装内容数据，供时间轴使用。由于在时间轴上使用的是统一的数据格式，而各内容源有自己的数据格式，所以需要封装转换，删除不需要的数据或把某些数据转变成另一些数据，如把时长数据转变成开始和结束时间。

例如，对于播放类型为直播类的内容，封装前的数据格式包括：电台信息、主持人信息、播出计划标识符、内容标识符等，开始日期和时间(含日期和时间)、结束日期和时间等。重新封装后，数据格式包括：内容标识符、开始时间(只含时间)、结束时间。

对于直播类内容，执行步骤S003，对于点播类内容，则执行步骤S004。

步骤S003：通过读取直播内容信息中包含的计划播出时间，将内容添加到内容播放列表模型中，内容播放列表是一个按内容开始时间的先后顺序排列的数据列表。由播放列表维护单元302根据所添加内容的播放开始时间，通过诸如二分法之类的常规查找方法查找该内容在定制的内容播放列表中的位置。

在步骤S004，弹出时间选择对话框，通过播放列表维护单元302对当前内容播放列表数据模型进行线性遍历，计算出空余时间段。具体方式是，根据每个内容的播放开始时间和结束时间，对于按时间先后排序的两个相邻内容A、B，将B的开始时间减去A的结束时间，就是A、B间的空余时间。其余以此类推。在内容播放列表中的最早内容的开始时间就是该内容播放列表中的第一个空余时间段，而在内容播放列表中的最后内容的结束时间就是该内容播放列表中的最后的空余时间段。

由用户选择要添加到的时间段或自定义播出时间段。用户确定播放时间后，由播放列表维护单元302根据内容播放开始时间，通过二分法查找该内容在内容播放列表中的位置。

在步骤S005，在将用户选择的内容数据添加到内容播放列表数据模型后，播放列表维护单元302采用线性遍历方法，计算内容播出时间是否存在冲突。计算公式如下：

设内容播放列表中已有内容A、C，以开始时间增续排列，新添加内容数据“评书广播”设为B。每个内容的开始、结束时间分别记为st、et，其中st＜et且A.st＜A.et≤C.st，A.st≤B.st≤C.st。冲突情况包括：

1、完全相同：以A、B为例，当且仅当A.st＝B.st且A.et＝B.et时，确定为A、B播出时间完全相同；B、C情况类似计算。

2、全覆盖：以A、B为例，当且仅当A.st＝B.st且B.et＞A.et时，则确定B的播出时间完全覆盖A的播出时间；B、C情况类似计算。

3、前覆盖：当且仅当C.st＜B.et＜C.et时，判断B的播出时间覆盖C的前半部分。

4、后覆盖：当且仅当A.st＜B.st＜A.et≤B.et时，判断B的播出时间覆盖A的后半部分。

5、无冲突：以A、B为例，当且仅当A.et≤B.st时，判断A、B播出时间无冲突。B、C情况类似计算。

在步骤S006，当要添加的内容和内容播放列表中现有内容存在冲突时，则提示用户是否覆盖现有内容。如果用户选择不覆盖则取消所添加的内容，流程终止；如果用户选择覆盖现有内容则转到步骤S007。

在步骤S007，以新内容“评书广播”为中心，沿内容播放列表向前后两个方向遍历，如果某个方向上新内容和现有内容存在冲突，则处理现有内容，并继续遍历该方向的内容，直至无冲突为止。另一个方向的遍历同样处理。冲突处理的情况包括：

完全相同、全覆盖：从内容播放列表中删除现有内容数据；

前覆盖：修正现有内容的开始时间为新内容的结束时间。

后覆盖：修正现有内容的结束时间为新内容的开始时间。

在步骤S008，将新内容插入到内容播放列表的对应位置，使内容播放列表成为按内容播放开始时间顺序递增的列表。完成内容添加功能。

具体地说，在将新内容“评书广播”插入到内容播放列表的对应位置时，通过内容的开始播放时间计算内容视图左侧(内容视图是一个代表内容的方框)在时间轴中的相对位移，用内容的播放结束时间减去开始时间得到内容的播放时长，换算出该内容视图在时间轴上的宽度。例如，在比例为1：1的情况下，每分钟即对应3个像素的宽度。最后通过对DOM节点的操作，将内容视图插入时间轴的DOM树中，由浏览器渲染DOM树，在时间轴上显示新添加的内容视图，并绘制相应的时间跨度线B03。如图2所示。

在步骤S009，当浏览器检测到用户点击内容播放列表中某个内容视图的左边框B01或右边框B02时，即触发DOM事件，该事件由事件监听响应单元M304捕获，然后执行步骤S010。

在步骤S010，对于直播类的播放内容，可以由用户直接通过鼠标移动该内容的视图在时间轴上的左右边框来调整内容播出时间。当鼠标移动时即触发DOM事件，事件监听响应单元304捕获该鼠标移动事件，播放列表维护单元302计算边框位置，并根据边框相对于时间轴最左侧的位置(原点)换算出该内容的时间。即，此时鼠标的坐标就是边框的坐标，边框坐标减去坐标原点(时间轴最左侧)就是该内容视图当前对应于原点的时间偏移量。在比例为1：1的情况下，每3个像素代表一分钟。例如60像素，就是对应的20分钟。然后，通过视图渲染单元303将新的内容时间渲染到时间轴上，以显示调整播放时间后的内容视图。

此外，本发明还可以进一步实现其它的对时间轴进行操作的功能。例如：

放大、缩小功能：当用户点击缩放比例尺的“放大”或“缩小”按钮，则触发缩放事件，并根据用户的操作将新的比例数据附加到触发事件对象中。在步骤S011，事件监听响应单元304获取该事件，从中提取出新的比例数据，以此计算时间轴中各个内容视图新的坐标和宽度，以及在时间轴上新的坐标刻度，该过程与上面的计算方式相似，只是根据该比例数据做了比例运算。然后通过视图渲染单元303重新绘制时间轴以及其上的内容视图、刻度视图、蒙版视图等。由此，可以使用户根据自己的需要放大时间轴视图，便于精细地调整播放时间。当用户需要概览时间轴时，也可以缩小时间轴视图，查看自己在整个时间轴上的内容播放列表。

另外，当用户选择添加到内容播放列表中的内容的播放时间较短时，例如一个10分钟的内容，则播放列表维护单元302提取该内容数据的播放时间，将内容数据的播放时间与当前时间轴视图的时间刻度进行比较，如果当前时间轴视图的时间刻度是以9分钟为单位的，则触发缩放事件，将时间轴的视图放大成以1分钟为刻度单位来显示该内容视图。

当用户点击时间轴视图中时间较短的内容时，例如一个10分钟的内容时，由播放列表维护单元302提取出该内容数据的播放时间，将内容数据的播放时间与当前时间轴视图的时间刻度进行比较，如果当前时间轴视图的时间刻度是以9分钟为单位的，则触发缩放事件，将时间轴的视图放大成以1分钟为刻度单位来显示该内容视图。

相反，当用户选择添加到内容播放列表中的内容的播放时间是时间较长时，例如一个60分钟左右的内容，则播放列表维护单元302提取该内容数据的播放时间，将内容数据的播放时间与当前时间轴视图的时间刻度进行比较，如果当前时间轴视图的时间刻度是以1分钟为刻度单位的，则触发缩放事件，将时间轴的视图缩小成以9分钟为刻度来显示该内容视图。

同样，当用户点击时间轴视图中时间较长的内容时，例如一个60分钟左右的内容时，由播放列表维护单元302提取出该内容数据的播放时间，将内容数据的播放时间与当前时间轴视图的时间刻度进行比较，如果当前时间轴视图的时间刻度是以1分钟为刻度单位的，则触发缩放事件，将时间轴的视图放大成以9分钟为刻度单位来显示该内容视图。

预览内容播放列表：当用户点击“预览”按钮时，触发预览事件。在步骤S012，事件监听响应单元304获取该事件，创建并显示内容播放列表预览视图。将内容播放列表中的内容数据按开始播放时间递增的顺序排列，通过处理预览视图的DOM节点树，对DOM节点进行添加或删除，来添加内容播放列表的显示视图(包括内容名称、播出时间等信息)，浏览器根据DOM结构完成内容信息的呈现。

保存内容播放列表：当用户点击“保存”按钮时，触发保存事件。在步骤S013，事件监听响应单元304获取该事件，调用播放列表输出单元305将内容播放列表中的内容数据封装，封装内容包括播出日期、内容格式类型(音频、视频)、播放类型(点播、直播)、内容名称、实际播出时间和原始播出时间、内容所属电台、内容唯一标识符等信息。然后浏览器后台应用单元20发起Ajax请求，将封装好的内容数据提交到数据访问单元201，并由其对数据进行保存。

清除内容播放列表：当用户点击“清除”按钮时，触发清除事件。在步骤S014，事件监听响应单元304获取该事件，通过对内容播放列表数据模型的线性遍历，逐个删除内容，并同时从时间轴的DOM树中删除内容的DOM节点，浏览器自动重新绘制时间轴图像，完成内容播放列表清除。

左右滚动时间轴：在时间轴视图左右两侧分别设置“左移”、“右移”的按钮。当用户点击时间轴左右两侧的“左移”或“右移”按钮时，触发移动事件。在步骤S015，事件监听响应单元304获取该事件，计算每次移动的位移量，即从事件数据中获得当前鼠标位置数据，减去之前保存的鼠标位置数据，并相应的修改时间轴的CSS属性。浏览器自动根据CSS属性变化重新绘制时间轴的图像，完成时间轴视图在浏览器上的移动。

Claims (19)

1.定制网络播放内容的方法，包括：

1)接收用户对播放内容的选择，确定所选择播放内容的类型和时间属性，所述播放内容的类型包括：直播视频、直播音频、点播视频、点播音频；

2)将所述播放内容信息数据封装成统一的播放内容信息格式，根据所述播放内容的类型和时间属性确定播放内容在时间轴上的位置，形成时间轴形式的播放内容视图；

3)计算所述时间轴上的播放内容视图的坐标位置和宽度，绘制时间轴刻度，向用户呈现所述时间轴形式的播放内容视图；

4)在所述时间轴形式的播放内容视图上添加鼠标按下、移动和释放三个事件监听器；

5)根据上述事件监听器来监听对所述时间轴形式的播放内容视图的操作；

6)通过对所述时间轴形式的播放内容视图的操作，触发鼠标添加事件、编辑事件、清除事件、复制事件、预览事件、缩放事件、图像渲染事件，从而实现对播放内容添加、编辑、删除、复制、预览、放大、缩小、图像渲染功能。

2.根据权利要求1所述的方法，还包括，根据所述播放内容的类型和时间属性，对所述播放内容进行过滤。

3.根据权利要求1所述的方法，还包括：为用户提供播放内容的选择条件，包括电台频道、内容类型、播放时段、内容名称。

4.根据权利要求1所述的方法，还包括：当用户选择直播内容时，为用户提供在所述直播内容的开始时间和结束时间之间的播放时间选择。

5.根据权利要求1所述的方法，还包括：

对当前播放内容列表的数据模型进行线性遍历，计算出空余时间段，和

对于点播内容，向用户呈现时间选择对话框，由用户选择要添加到时间轴的播放内容时间段。

6.根据权利要求5所述的方法，还包括：

用户确定播放内容的播出时间后，根据内容开始时间查找该播放内容视图在时间轴中的位置，和/或

确定要添加的播放内容的播出时间是否存在冲突。

7.根据权利要求6所述的方法，其中，所述播放内容的播出时间的冲突情况包括：

完全相同：新添加播放内容的开始、结束时间与时间轴上已存在的播放内容的开始、结束时间完全相同，

全覆盖：新添加播放内容的开始时间与时间轴上已存在的播放内容的开始时间相同，结束时间迟于已存在的播放内容的结束时间，

前覆盖：新添加播放内容的开始时间早于时间轴上已存在的播放内容的开始时间，结束时间介于已存在的播放内容的开始时间和结束时间之间；

后覆盖：新添加播放内容的开始时间介于已存在的播放内容的开始时间和结束时间之间；

无冲突：新添加播放内容的结束时间早于已存在的播放内容的开始时间。

8.根据权利要求7所述的方法，其中，以新的播放内容视图为中心，沿时间轴向前后两个方向遍历，按以下方式执行冲突处理：

完全相同、全覆盖：删除现有内容；

前覆盖：修正已存在的播放内容的开始时间为新的播放内容的结束时间；

后覆盖：修正已存在的播放内容的结束时间为新的播放内容的开始时间。

9.根据权利要求1-8任一项所述的方法，还包括：

提供位于时间轴左右两侧的“左移”、“右移”按钮，

当用户点击所述“左移”或“右移”按钮时，确定每次移动的位移量，重新绘制时间轴和内容视图的图像。

10.根据权利要求1-8任一项所述的方法，其中，所述根据所述播放内容的类型和时间属性确定播放内容在时间轴上的位置，形成时间轴形式的播放内容视图的步骤包括：

通过播放内容的开始时间计算内容视图左侧在时间轴中的相对位置，

根据内容时长确定该内容视图在时间轴上的宽度，和

将内容视图插入时间轴的DOM树中，由浏览器渲染DOM树，以显示该内容视图。

11.根据权利要求10所述的方法，还包括：根据所选择内容的时间跨度，确定时间轴的刻度所代表的时间。

12.根据权利要求10所述的方法，还包括：根据用户操作将时间轴以及内容视图进行比例放大或缩小。

13.定制网络播放内容的装置，包括：

1)数据库查询单元，接收用户对播放内容的选择，在数据库中查找相应的播放内容，确定所选择播放内容的类型和时间属性，所述播放内容的类型包括：直播视频、直播音频、点播视频、点播音频；

2)后台处理单元，将所述播放内容信息数据封装成统一的播放内容信息格式，根据所述播放内容的类型和时间属性确定播放内容在时间轴上的位置，形成时间轴形式的播放内容视图，在所述时间轴形式的播放内容视图上添加鼠标按下、移动和释放三个事件监听器，根据上述事件监听器来监听对所述时间轴形式的播放内容视图的操作，通过对所述时间轴形式的播放内容视图的操作，触发鼠标添加事件、编辑事件、清除事件、复制事件、预览事件、缩放事件、图像渲染事件，从而实现对播放内容添加、编辑、删除、复制、预览、放大、缩小、图像渲染功能；

3)浏览器单元，计算所述时间轴上的播放内容视图的坐标位置和宽度，绘制时间轴刻度，向用户呈现所述时间轴形式的播放内容视图。

14.根据权利要求13所述的装置，其中所述后台处理单元根据所述播放内容的类型和时间属性，对所述播放内容进行过滤。

15.根据权利要求14所述的装置，所述浏览器单元进一步为用户提供播放内容的选择条件，包括电台频道、内容类型、播放时段、内容名称。

16.根据权利要求15所述的装置，其中所述浏览器单元还包括播放列表维护单元，对当前播放内容列表的数据模型进行线性遍历，确定空余时间段，并且向用户呈现时间选择对话框，由用户选择要添加的播放内容时间段，或由用户自定义播放内容的时间段。

17.根据权利要求16所述的装置，其中所述播放列表维护单元在用户确定播放内容的播出时间后，根据播放内容的开始时间，查找该播放内容在含有播放内容视图的时间轴中的位置，和/或

所述播放列表维护单元将所述播放内容添加到播放内容所在的时间轴前，采用线性遍历方法，计算要添加的播放内容的播出时间是否存在冲突。

18.根据权利要求13-17任一项所述的装置，其中所述浏览器单元还包括事件监听响应单元，根据用户对时间轴左右两侧的“左移”、“右移”按钮的点击，计算每次移动的位移量，相应修改时间轴的CSS属性，根据CSS属性变化重新绘制时间轴的图像。

19.根据权利要求13-17任一项所述的装置，所述浏览器单元进一步根据用户操作将时间轴以及内容视图进行比例放大或缩小。