📄 使用说明.htm
字号:
专用的播放清单，所以在这里不再赘述一遍。<br>
※ 完成设定您的播放清单后，必须重新刷新播放器的页面，播放清单的修改才会正式生效。此外，建议您将刚修改好的播放清单完整的测试一遍，确保播放清单上的所有媒体项目都能够正常播放。
<br>
<br>
</p></tr>
<tr>
<td class="table002"><b>将播放器嵌入网站：<a name="7" id="7"></a></b></td>
<td class="table002" align="right"><a href="#">↑</a></td>
</tr>
<tr>
<td class="jnfont2" colspan="2"> 当播放程序的基本设定和播放清单都搞定了以后，您便可以将播放器嵌入网站了！请将
您所修改过的播放程序档案 (包括所有程序需要用到的档案和图文件数据夹) ，使用 FTP程序上传到您网站的服务器、一个对应的空白数据夹，例如 exobud_mp
。<br> ※ 如果不是做为测试用途，并且已在播放清单上删除或批注掉「样本播放清单」 的设定项目，您可以不必上传"sample"这个存放了范例视讯档案的数据夹。
现在，您可以使用页面框架 (frameset) 或内嵌框架 (iframe) 的方式，将播放器嵌入到您的网站里去了！下面分别提供了以这两种方式嵌入播放器的
HTML 语法让您参考：<br>
[1]使用页面框架 (frameset) 方式的嵌入法范例：<br> <frameset rows="*,25" framespacing="0"
border="0" frameborder="0"><br> <frame name="content"
src="main.php" noresize><br> <frame name="exobud_mp"
src="exobud_mp/exobud.htm"<br>
scrolling="no" noresize><br> </frameset><br>
[2]使用内嵌框架 (iframe) 方式的嵌入法范例：<br> <iframe name="exobud_mp" src="exobud_mp/exobud.htm"<br>
width="640" height="25" marginwidth="0" marginheight="0"<br>
border="0" frameborder="0" scrolling="no"></iframe><br>
※ 以上设定框架大小的数值仅供参考。一般来说，长条形状的播放器会占用面积大约为 640~760px(像素) 的宽度乘以
20~25px(像素) 的高度。(若使用字幕功能，需额外增加 60px 的高度) 进行播放器嵌入网站的动作时，请注意：<br>
[1] 您必须了解HTML的框架语法如何应用，以及懂得利用纯文字编辑器来设定框架语法。若您仍未掌握框架语法的写法，请先在网络上搜寻有关数据了解一下。<br>
[2]无论使用任何方式的语法 (包括JavaScript等) 将播放器嵌入网站，您都必须确保当浏览者转换页面时，不会同时整理播放器所在的页面，因而影响播放器的动作。<br>
[3]如果您不熟悉HTML语法，最好不要使用以内嵌框架 (iframe) 的方式将播放器嵌入网站，除非您已明白您的网站版面设计适合使用以此方式嵌入播放器。<br>
[4]以上说明使用框架 (frameset或iframe) 的方式将播放器嵌入网站，并不适用于以弹出式窗口 (Pop-up Window) 启动的播放器。
<br> </tr>
<tr>
<td class="table002"><b>播放器的进阶使用：<a name="8" id="8"></a></b></td>
<td class="table002" align="right"><a href="#">↑</a></td>
</tr>
<tr>
<td class="jnfont2" colspan="2"> 除了播放程序的基本设定和播放清单内容以外，在播放程序的原始码里面还「隐藏」了不少可供个人化修改的样式表(Style
Sheet)设定项目！您可以凭自己对CSS样式表语法 的认识，加入其它更具创意的设定值。<br> 以下有一些预设可供修改样式的地方，让您参考(请注意这些地方可能会因为不同面板而有大小差异)
：<br> <p>1、播放面板的基本样式表设定 (exobud.css) <br>
在 exobud.css 这个 CSS 样式表档案里面，您可以找到基本样式表的设定内容。<br>
以下是其中几个样式项目的设定：<br>
body { margin-top: 0px; margin-right: 0px; ← 不保留边界的设定<br>
margin-bottom: 0px; margin-left: 0px;<br>
cursor: crosshair; ← 鼠标光标呈十字形<br>
overflow: hidden; } ← 不显示窗口滚动条<br>
body,td { font-family: 'Tahoma','Verdana','Arial'; ← 字形名称<br>
font-size: 9pt; } ← 字形大小<br>
/* 显示媒体标题的样式表设定 */ (精简版播放器的设定)<br>
.title { border-width: 1px; ← 边框线粗细(像素)<br>
border-style: solid; ← 边框线形式<br>
border-color: silver; ← 边框线颜色<br>
background-color: white; ← 背景颜色<br>
color: black; ← 文字颜色<br>
font-family: 'Tahoma','Verdana','Arial'; ← 字形名称<br>
font-size: 9pt; } ← 字形大小<br>
/* 显示时间长度的样式表设定 */ (精简版播放器的设定)<br>
.time { border-width: 1px; ← 边框线粗细(像素)<br>
border-style: solid; ← 边框线形式<br>
border-color: silver; ← 边框线颜色<br>
background-color: white; ← 背景颜色<br>
color: black; ← 文字颜色<br>
font-family: 'Tahoma','Verdana','Arial'; ← 字形名称<br>
font-size: 9pt; } ← 字形大小<br>
(注：箭头"←" 所示的地方是为了方便说明才加上去的，实际编辑时请不要加入)<br>
※ 您可以在 body 样式里面加入 background 属性来设定背景颜色或图档，例如：<br>
background-color: aliceblue; 或 background-image: url(./bg.gif);<br>
※ .title 和 .time 两个样式，分别是显示媒体标题和时间长度的样式设定项目。您可以根据自己的个人喜好来修改字形名称/大小/颜色、框线粗幼度/颜色/模式等的设定值。</p>
<p>2、字幕框的样式设定 (exobud.htm) <br>
在 exobud.htm 这个 HTML 档案，接近最底部的地方， 可以找到这段 DIV 语法：<br>
(这里定义了一个区块，其 ID 应为 "capText")<br>
<div id="capText" style="width:100%;height:60;color:white;<br>
background-color:#555555;display:none">ExoBUD MP(II) Captioning(SMI)</div><br>
※ 您可以将字幕框放在播放面板上的任何位置，宽度(width)和高度(height)都可以修改的。同样地，您也可以根据自己的喜好
修改/增删 其它样式属性的设定，例如您可以加入 font-size 的属性来设定字幕框文字的大小。<br>
※ 字幕框的部份，通常会以特别的颜色来显示，用以突出其与播放器其它部份的分别；预设的面板就是以深色的底色作背景颜色、以白色作文字(前景)颜色。<br>
※ 无论您是否使用字幕功能，也必须保留这段 DIV 语法，否则会导致播放程序无法正常运作。(区块的 ID 是不能更改的)<br>
※ 只有在 "blnUseSmi" 设定值为 true 的情况下(使用字幕功能)，字幕框才会显示出来。</p>
<p>3、播放清单上的 body 样式设定 (exobudpl.css) <br>
在另一个用来设定播放清单 CSS 样式表的 exobudpl.css 档案里面，您亦可以找到基本样式表的设定内容。<br>
以下是 body 样式项目的设定：<br>
body { margin-top: 0px; margin-right: 0px; ← 不保留边界的设定<br>
margin-bottom: 0px; margin-left: 0px;<br>
background-color: #8498A3; ← 背景颜色<br>
background-image: url(./img/pl_skin.jpg); ← 背景图档(*)<br>
background-repeat: no-repeat; ← 背景图是不重复的(*)<br>
background-attachment: fixed; ← 背景图是固定位置(*)<br>
background-position: bottom right; ← 背景图放底部靠右(*)<br>
cursor: crosshair; } ← 鼠标光标呈十字形<br>
(*) 这些属性是为了方便让大家参考才加上去的。<br>
※ 如果面板所使用的播放清单，有需要显示卷动轴的话，body样式里面可能已经加入了关于卷动轴的属性设定。<br>
※ 以上所示 body 的样式设定仅供参考，因为每款面板所显示的播放清单，也会使用不同的样式设定。如果您想更进一步了解
body 的样式设定法，请在网上搜寻有关资料。</p>
<p>4、播放清单上的链接样式设定 (exobudpl.css) <br>
同样在 exobudpl.css 这个「播放清单样式表」档案里面，您还可以设定不同类型的链接的颜色。<br>
以下是包含 anchor (即 "A" 语法) 样式项目的设定：<br>
a,a:link { color: #334455; text-decoration: none; }<br>
a:visited { color: #223344; text-decoration: none; }<br>
a:active { color: #334455; text-decoration: none; }<br>
a:hover { color: gold; text-decoration: none; }<br>
浏览器是如何决定什么类型的链接，以什么样式来显示？<br>
a,a:link : 在指定时间之内，没有访问过的链接<br>
a:visited : 在指定时间之内，已经访问过的链接<br>
a:active : 您正在访问的链接<br>
a:hover : 您将鼠标移到上面的链接(实时变色)<br>
※ 通常我们都会以链接的文字颜色(color)来区分不同类型的链接的。但也会同时辅以底线 (text-decoration:
underline;) 来加以区别。</p>
<p>5、播放清单上的文字样式设定 (exobudpl.css) <br>
播放清单上的文字，包括媒体标题及项目编号等，您都可以自行设定喜爱的样式。<br>
以下是基本样式表中，关于文字样式的设定：<br>
body,td { font-family: 'Tahoma','Verdana','Arial'; ← 字形名称<br>
font-size: 9pt; color: #B0C0D0; } ← 字形大小及颜色<br>
※ 因为播放清单上所显示的媒体标题，本身都是页面上的链接，所以您在这里设定的文字颜色，只会对项目编号有效，而不会适用于媒体标题。<br>
</p></tr>
<tr>
<td class="table002"><b>特别感谢：</b><a name="9" id="9"></a></td>
<td class="table002" align="right"><a href="#">↑</a></td>
</tr>
<tr>
<td class="jnfont2" colspan="2">1、感谢所有报告bug和提出建议的朋友！<br>
2、感谢韩文原作者提供技术支持<b>！<br>
</b>3、感谢所有参与制作Exobud MP 面版的朋友。 <br> </td>
</tr>
<tr>
<td class="table002"><b>联系方法：</b><a name="10" id="10"></a></td>
<td class="table002" align="right"><a href="#">↑</a></td>
</tr>
<tr>
<td class="jnfont2" colspan="2"> 如果你还想下载更多的播放器、播放器面版，或者是你在使用过程中遇到什么问题，想获得技术支持的话，请访问我的网站或者是给我写信，联系方法如下：<br>
<br>
网站名：雨网国际<br>
地址：http;//www.liyu.net<br>
ID:liyu<br>
e-mail：<a href="mailto:liyu@liyu.net">liyu@liyu.net</a><br>
QQ:4410162<a href="http://www.aspsky.net/" target="_blank"></a><br> </td>
</tr>
<tr class="table003">
<td align="center" colspan="2">...... <a href="http://www.liyu.net" target="_blank" title="雨网国际 - Exobud MP 简体中文官方网站">www.liyu.net</a>
...... </td>
</tr>
</table>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -