html制作简单框架网页二 完毕团结的影音驿站 操作步骤及源文件下载 (可播放VCD、avi、mpg、asx、swf各个文件的摄像播放代码),

增产摄像播放效果如下图:

图片 1

左侧网页left.html代码如下:

<meta charset="utf-8">
<body style="background-color:rgb(196,10,102)">
 <dl>
 <dt style="color:white;font-size:18"><strong>我的音乐厅吧</strong></dt>
 <dd style="color:white">---->My Mp3—TOP10</dd>

<ol type="1">
<li style="color:white"><a href="right1.html" target="right" style="color:white">当你老了-赵照</a></li>
<li style="color:white"><a href="right2.html" target="right" style="color:white">刚好遇见你-李玉刚</a></li>
<li style="color:white"><a href="right3.html" target="right" style="color:white">江湖—罗文</a></li>
<li style="color:white"><a href="right4.html" target="right" style="color:white">半壶纱-刘珂矣</a></li>
<li style="color:white"><a href="right5.html" target="right" style="color:white">心湖雨又风</a></li>
</ol>

 <dd style="color:white">---->My MTV—TOP10</dd>
 <ol type="1">
 <li style="color:white"><a href="right6.html" target="right" style="color:white">明天会更好-群星</a></li>
 <li style="color:white"><a href="right7.html" target="right" style="color:white">为爱痴狂-刘若英</a></li>
 </ol>
 </dl>
</body>

左手使用了二个概念列表<dl></dl>,那一个标签中有个概念标题<dt></dt>,几个概念内容<dd></dd>

right6.html个中播放 后天会更加好.mp5摄像文件

<meta charset="utf-8">
<body style="background-color:rgb(253,213,242)">
<center><table border=1 bgcolor=000000 width=800 height=500 style="color:#fff">
<tr><td>
<p><center><strong>歌词</strong></center></p>
<p>轻轻敲醒沉睡的心灵
 慢慢张开你的眼睛
 看看忙碌的世界
 是否依然孤独地转个不停
 春风不解风情
 吹动少年的心
 让昨日脸上的泪痕
 随记忆风干了
 抬头寻找天空的翅膀
 候鸟出现它的影迹
 带来远处的饥荒
 无情的战火依然存在的消息
 玉山白雪飘零
 燃烧少年的心
 使真情溶化成音符
 倾诉遥远的祝福
 唱出你的热情
 伸出你双手
 让我拥抱着你的梦
 让我拥有你真心的面孔
 让我们的笑容
 充满着青春的骄傲
 为明天献出虔诚的祈祷
 谁能不顾自己的家园
 抛开记忆中的童年
 谁能忍心看他昨日的忧愁
 带走我们的笑容
 青春不解红尘
 胭脂沾染了灰
 让久违不见的泪水
 滋润了你的面容
 唱出你的热情
 伸出你双手
 让我拥抱着你的梦
 让我拥有你真心的面孔
 让我们的笑容
 充满着青春的骄傲
 为明天献出虔诚的祈祷
 轻轻敲醒沉睡的心灵
 慢慢张开你的眼睛
 看那忙碌的世界
 是否依然孤独的转个不停
 日出唤醒清晨
 大地光彩重生
 让和风拂出的音响
 谱成生命的乐章
 唱出你的热情
 伸出你双手
 让我拥抱着你的梦
 让我拥有你真心的面孔
 让我们的笑容
 充满着青春的骄傲
 让我们期待明天会更好
 唱出你的热情
 伸出你双手
 让我拥抱着你的梦
 让我拥有你真心的面孔
 让我们的笑容
 充满着青春的骄傲
 让我们期待明天会更好
 唱出你的热情
 伸出你双手
 让我拥抱着你的梦
 让我拥有你真心的面孔
 让我们的笑容
 充满着青春的骄傲
 让我们期待明天会更好</p>
</td></tr>
<tr><td><center><img src="images/qunxing.jpg"></center></td></tr>
<tr><td>
<object id="MediaPlayer" classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" width="800" height="600" standby="Loading Windows Media Player components…" type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112">
<param name="FileName" value="mtv/明天会更好.mp4">
<param name="AutoStart" value="true">
<param name="ShowControls" value="true">
<param name="BufferingTime" value="2">
<param name="ShowStatusBar" value="true">
<param name="AutoSize" value="true">
<param name="InvokeURLs" value="false">
<param name="AnimationatStart" value="1">
<param name="TransparentatStart" value="1">
<param name="Loop" value="1">
<embed type="application/x-mplayer2" src="mtv/明天会更好.mp4"" name="MediaPlayer" autostart="1" showstatusbar="1" showdisplay="1" showcontrols="1" loop="0" videoborder3d="0" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" width="800" height="600"></embed>
</object>
</td></tr>
</table></center>
</body>

当中<object></object>向网页中流入录制对象,使用的录制播放器为MediaPlayer

图片 2

 

 已测验,可播放DVD、avi、mpg、asx、swf各类文件的录制播放代码

全站点下载地址:

java Web文件 格式为*war,间接用解压软件解压就能够

链接: 密码: jqfu

 

实现自身的影音驿站
操作步骤及源文件下载
(可播放VCD、avi、mpg、asx、swf各样文件的录像播放代码),
新扩大录像…

图片 3

左侧使用了贰个定义列表<dl></dl>,那个标签中有个概念题目<dt></dt>,八个概念内容<dd></dd>

 

图片 4

 已测量检验,可播放VCD、avi、mpg、asx、swf各类文件的录像播放代码

 

 

全站点下载地址:

视图提交诉求,给控制器,调节器解析伏乞参数,举办对应的事情调用管理.servlet调整器相关代码如下

<meta charset="utf-8">
<body style="background-color:rgb(196,10,102)">
 <dl>
 <dt style="color:white;font-size:18"><strong>我的音乐厅吧</strong></dt>
 <dd style="color:white">---->My Mp3—TOP10</dd>

<ol type="1">
<li style="color:white"><a href="right1.html" target="right" style="color:white">当你老了-赵照</a></li>
<li style="color:white"><a href="right2.html" target="right" style="color:white">刚好遇见你-李玉刚</a></li>
<li style="color:white"><a href="right3.html" target="right" style="color:white">江湖—罗文</a></li>
<li style="color:white"><a href="right4.html" target="right" style="color:white">半壶纱-刘珂矣</a></li>
<li style="color:white"><a href="right5.html" target="right" style="color:white">心湖雨又风</a></li>
</ol>

 <dd style="color:white">---->My MTV—TOP10</dd>
 <ol type="1">
 <li style="color:white"><a href="right6.html" target="right" style="color:white">明天会更好-群星</a></li>
 <li style="color:white"><a href="right7.html" target="right" style="color:white">为爱痴狂-刘若英</a></li>
 </ol>
 </dl>
</body>

图片 3

<!-- 嵌入Flash播放器 -->
<td align="center" width="455">
    <object width="452" height="339" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
    <param name="movie"
        value="<%=basePath%>tools/player.swf?fileName=<%=basePath%><%=media.getSrc()%>" />
    <embed
        src="<%=basePath%>tools/player.swf?fileName=<%=basePath%><%=media.getSrc()%>"
        width="98%" height="90%"></embed> 
    </object>
</td>

java Web文件 格式为*war,直接用解压软件解压就可以

<meta charset="utf-8">
<body style="background-color:rgb(196,10,102)">
 <dl>
 <dt style="color:white;font-size:18"><strong>我的音乐厅吧</strong></dt>
 <dd style="color:white">---->My Mp3—TOP10</dd>

<ol type="1">
<li style="color:white"><a href="right1.html" target="right" style="color:white">当你老了-赵照</a></li>
<li style="color:white"><a href="right2.html" target="right" style="color:white">刚好遇见你-李玉刚</a></li>
<li style="color:white"><a href="right3.html" target="right" style="color:white">江湖—罗文</a></li>
<li style="color:white"><a href="right4.html" target="right" style="color:white">半壶纱-刘珂矣</a></li>
<li style="color:white"><a href="right5.html" target="right" style="color:white">心湖雨又风</a></li>
</ol>

 <dd style="color:white">---->My MTV—TOP10</dd>
 <ol type="1">
 <li style="color:white"><a href="right6.html" target="right" style="color:white">明天会更好-群星</a></li>
 <li style="color:white"><a href="right7.html" target="right" style="color:white">为爱痴狂-刘若英</a></li>
 </ol>
 </dl>
</body>

系统中或许存在四个模块,这一个模块的事情DAO能够透过工厂来保管,须求的时候一贯提供就可以.

增加产量录制播放效果如下图:

里面<object></object>向网页中流入摄像对象,使用的录制播放器为MediaPlayer

 

链接: 密码: jqfu

图片 4

实例是将上传录像转码为flv格式,该格式ffmpeg帮忙,所以我们实例中须要ffmpeg录像管理工具.

 

链接: 密码: jqfu

<object>成分,加载ActiveX控件,classid属性则钦命了浏览器接纳的ActiveX空间.因为运用Flash制作的播放器来播音摄像文件,所以classid的值必得为”clsid:D27CDB6E-AE6D-11cf-96B8-4445535五千0”

 已测验,可播放mp3、avi、mpg、asx、swf各个文件的摄像播放代码

左侧网页left.html代码如下:

图片 7

right6.html在那之中播放 后天会越来越好.mp5录像文件

 

ffmpeg能解析的格式:(asx,asf,mpg,wmv,3gp,DVD,mov,avi,flv等)

左臂使用了二个定义列表<dl></dl>,这些标签中有个概念标题<dt></dt>,三个概念内容<dd></dd>

java Web文件 格式为*war,直接用解压软件解压就可以

图片 8

中间<object></object>向网页中注入录制对象,使用的录像播放器为MediaPlayer

right6.html当中播放 后天会越来越好.DVD摄像文件

职业接口定义

侧边网页left.html代码如下:

新扩展摄像播放效果如下图:

摄像播放页面效果如下图所示.

<meta charset="utf-8">
<body style="background-color:rgb(253,213,242)">
<center><table border=1 bgcolor=000000 width=800 height=500 style="color:#fff">
<tr><td>
<p><center><strong>歌词</strong></center></p>
<p>轻轻敲醒沉睡的心灵
 慢慢张开你的眼睛
 看看忙碌的世界
 是否依然孤独地转个不停
 春风不解风情
 吹动少年的心
 让昨日脸上的泪痕
 随记忆风干了
 抬头寻找天空的翅膀
 候鸟出现它的影迹
 带来远处的饥荒
 无情的战火依然存在的消息
 玉山白雪飘零
 燃烧少年的心
 使真情溶化成音符
 倾诉遥远的祝福
 唱出你的热情
 伸出你双手
 让我拥抱着你的梦
 让我拥有你真心的面孔
 让我们的笑容
 充满着青春的骄傲
 为明天献出虔诚的祈祷
 谁能不顾自己的家园
 抛开记忆中的童年
 谁能忍心看他昨日的忧愁
 带走我们的笑容
 青春不解红尘
 胭脂沾染了灰
 让久违不见的泪水
 滋润了你的面容
 唱出你的热情
 伸出你双手
 让我拥抱着你的梦
 让我拥有你真心的面孔
 让我们的笑容
 充满着青春的骄傲
 为明天献出虔诚的祈祷
 轻轻敲醒沉睡的心灵
 慢慢张开你的眼睛
 看那忙碌的世界
 是否依然孤独的转个不停
 日出唤醒清晨
 大地光彩重生
 让和风拂出的音响
 谱成生命的乐章
 唱出你的热情
 伸出你双手
 让我拥抱着你的梦
 让我拥有你真心的面孔
 让我们的笑容
 充满着青春的骄傲
 让我们期待明天会更好
 唱出你的热情
 伸出你双手
 让我拥抱着你的梦
 让我拥有你真心的面孔
 让我们的笑容
 充满着青春的骄傲
 让我们期待明天会更好
 唱出你的热情
 伸出你双手
 让我拥抱着你的梦
 让我拥有你真心的面孔
 让我们的笑容
 充满着青春的骄傲
 让我们期待明天会更好</p>
</td></tr>
<tr><td><center><img src="images/qunxing.jpg"></center></td></tr>
<tr><td>
<object id="MediaPlayer" classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" width="800" height="600" standby="Loading Windows Media Player components…" type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112">
<param name="FileName" value="mtv/明天会更好.mp4">
<param name="AutoStart" value="true">
<param name="ShowControls" value="true">
<param name="BufferingTime" value="2">
<param name="ShowStatusBar" value="true">
<param name="AutoSize" value="true">
<param name="InvokeURLs" value="false">
<param name="AnimationatStart" value="1">
<param name="TransparentatStart" value="1">
<param name="Loop" value="1">
<embed type="application/x-mplayer2" src="mtv/明天会更好.mp4"" name="MediaPlayer" autostart="1" showstatusbar="1" showdisplay="1" showcontrols="1" loop="0" videoborder3d="0" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" width="800" height="600"></embed>
</object>
</td></tr>
</table></center>
</body>
<meta charset="utf-8">
<body style="background-color:rgb(253,213,242)">
<center><table border=1 bgcolor=000000 width=800 height=500 style="color:#fff">
<tr><td>
<p><center><strong>歌词</strong></center></p>
<p>轻轻敲醒沉睡的心灵
 慢慢张开你的眼睛
 看看忙碌的世界
 是否依然孤独地转个不停
 春风不解风情
 吹动少年的心
 让昨日脸上的泪痕
 随记忆风干了
 抬头寻找天空的翅膀
 候鸟出现它的影迹
 带来远处的饥荒
 无情的战火依然存在的消息
 玉山白雪飘零
 燃烧少年的心
 使真情溶化成音符
 倾诉遥远的祝福
 唱出你的热情
 伸出你双手
 让我拥抱着你的梦
 让我拥有你真心的面孔
 让我们的笑容
 充满着青春的骄傲
 为明天献出虔诚的祈祷
 谁能不顾自己的家园
 抛开记忆中的童年
 谁能忍心看他昨日的忧愁
 带走我们的笑容
 青春不解红尘
 胭脂沾染了灰
 让久违不见的泪水
 滋润了你的面容
 唱出你的热情
 伸出你双手
 让我拥抱着你的梦
 让我拥有你真心的面孔
 让我们的笑容
 充满着青春的骄傲
 为明天献出虔诚的祈祷
 轻轻敲醒沉睡的心灵
 慢慢张开你的眼睛
 看那忙碌的世界
 是否依然孤独的转个不停
 日出唤醒清晨
 大地光彩重生
 让和风拂出的音响
 谱成生命的乐章
 唱出你的热情
 伸出你双手
 让我拥抱着你的梦
 让我拥有你真心的面孔
 让我们的笑容
 充满着青春的骄傲
 让我们期待明天会更好
 唱出你的热情
 伸出你双手
 让我拥抱着你的梦
 让我拥有你真心的面孔
 让我们的笑容
 充满着青春的骄傲
 让我们期待明天会更好
 唱出你的热情
 伸出你双手
 让我拥抱着你的梦
 让我拥有你真心的面孔
 让我们的笑容
 充满着青春的骄傲
 让我们期待明天会更好</p>
</td></tr>
<tr><td><center><img src="images/qunxing.jpg"></center></td></tr>
<tr><td>
<object id="MediaPlayer" classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" width="800" height="600" standby="Loading Windows Media Player components…" type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112">
<param name="FileName" value="mtv/明天会更好.mp4">
<param name="AutoStart" value="true">
<param name="ShowControls" value="true">
<param name="BufferingTime" value="2">
<param name="ShowStatusBar" value="true">
<param name="AutoSize" value="true">
<param name="InvokeURLs" value="false">
<param name="AnimationatStart" value="1">
<param name="TransparentatStart" value="1">
<param name="Loop" value="1">
<embed type="application/x-mplayer2" src="mtv/明天会更好.mp4"" name="MediaPlayer" autostart="1" showstatusbar="1" showdisplay="1" showcontrols="1" loop="0" videoborder3d="0" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" width="800" height="600"></embed>
</object>
</td></tr>
</table></center>
</body>

面向接口编制程序,接口中定义系统机能模块.那样方便理清专门的学问,同期接口的对象必需由完结了该接口的目标来创造.那样就制止编码中的某个事情遗漏等,同有时候扩展性也狠抓了.

全站点下载地址:

 

 

图片 9

 

1.能支撑的格式

 

 

    /**
     * 视频转码
     * @param ffmpegPath    转码工具的存放路径
     * @param upFilePath    用于指定要转换格式的文件,要截图的视频源文件
     * @param codcFilePath    格式转换后的的文件保存路径
     * @param mediaPicPath    截图保存路径
     * @return
     * @throws Exception
     */
    public boolean executeCodecs(String ffmpegPath, String upFilePath, String codcFilePath,
            String mediaPicPath) throws Exception {
        // 创建一个List集合来保存转换视频文件为flv格式的命令
        List<String> convert = new ArrayList<String>();
        convert.add(ffmpegPath); // 添加转换工具路径
        convert.add("-i"); // 添加参数"-i",该参数指定要转换的文件
        convert.add(upFilePath); // 添加要转换格式的视频文件的路径
        convert.add("-qscale");     //指定转换的质量
        convert.add("6");
        convert.add("-ab");        //设置音频码率
        convert.add("64");
        convert.add("-ac");        //设置声道数
        convert.add("2");
        convert.add("-ar");        //设置声音的采样频率
        convert.add("22050");
        convert.add("-r");        //设置帧频
        convert.add("24");
        convert.add("-y"); // 添加参数"-y",该参数指定将覆盖已存在的文件
        convert.add(codcFilePath);

        // 创建一个List集合来保存从视频中截取图片的命令
        List<String> cutpic = new ArrayList<String>();
        cutpic.add(ffmpegPath);
        cutpic.add("-i");
        cutpic.add(upFilePath); // 同上(指定的文件即可以是转换为flv格式之前的文件,也可以是转换的flv文件)
        cutpic.add("-y");
        cutpic.add("-f");
        cutpic.add("image2");
        cutpic.add("-ss"); // 添加参数"-ss",该参数指定截取的起始时间
        cutpic.add("17"); // 添加起始时间为第17秒
        cutpic.add("-t"); // 添加参数"-t",该参数指定持续时间
        cutpic.add("0.001"); // 添加持续时间为1毫秒
        cutpic.add("-s"); // 添加参数"-s",该参数指定截取的图片大小
        cutpic.add("800*280"); // 添加截取的图片大小为350*240
        cutpic.add(mediaPicPath); // 添加截取的图片的保存路径

        boolean mark = true;
        ProcessBuilder builder = new ProcessBuilder();
        try {
            builder.command(convert);
            builder.redirectErrorStream(true);
            builder.start();

            builder.command(cutpic);
            builder.redirectErrorStream(true);
            // 如果此属性为 true,则任何由通过此对象的 start() 方法启动的后续子进程生成的错误输出都将与标准输出合并,
            //因此两者均可使用 Process.getInputStream() 方法读取。这使得关联错误消息和相应的输出变得更容易
            builder.start();
        } catch (Exception e) {
            mark = false;
            System.out.println(e);
            e.printStackTrace();
        }
        return mark;
    }
admin

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注