注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

精品采撷苑

工具素材 音曲诗画 魅力图吧 给力看台 嬉画摄影

 
 
 

日志

 
 

自制视频播放器代码生成器〔引编〕  

2012-02-21 20:14:30|  分类: 工具技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

音画组件制作(17)视频播放器(配音、配词)

  只要准备好视频信息(名称、网址和配音的MP3网址、配词的LRC歌词),在这里填写一下,你将会拥有一款特色的视频播放器。

  这款视频播放器除了正常播放视频外,还可以消除原视频的声音,重新配音,以及根据重新配音配同步歌词(LRC歌词)。可设置控制按钮控件、视频列表、LRC歌词的位置、颜色等等。在填写过程中自动生成博客使用的代码。只要点击“复制”,粘贴到博客代码编辑区,你的博客就有一款你设计的视频播放器。

花草播放器代码生成器

http://dashan.gotoip1.com/bfq/hcbfq-dmscq.swf

视频播放器代码生成器

http://dashan.gotoip1.com/sp/spbfqscq.swf(作者:彩云归)

视频播放器生成器操作方法

       一、直接调用优酷视频的简单方法:

       进入优酷网 http://www.youku.com/

       调用方法如下:

       1、记住优酷视频代理的前缀名 http://apps.202030.com/1/flv.php?id=

       2、如飞鸟与射手的优酷网址是 http://v.youku.com/v_show/id_XMjMxMTYxOTA4.html

       3、用优酷视频代理前缀名http://apps.202030.com/1/flv.php?id=加上飞鸟与射手的地址后缀XMjMxMTYxOTA4,形成有效的FLV地址:href="http://apps.202030.com/1/flv.php?id=XMjMxMTYxOTA4(调用优酷别的视频只要将视频网址中id后.html前的部分更换到这个FLV地址中的红色部分即可)。

       二、 从FLV视频网址下载中获取FLV或MP4地址,准备素材:

      此款生成器视频地址后缀为FLVMP4的才有效。如何获得FLV或MP4的地址呢?(可点击此处看专业FLV地址解析  。(1)在优酷、土豆、酷六、youtube网站选择喜欢的视频,取得swf地址。(2)将swf地址复制到相应网站的FLV地址下载栏内(如你选择的是优酷的视频地址,就复制到优酷视频下载栏),点击“获取地址”,如果有效,则会在下方“获取结果”处显示FLV或MP4地址。(3)鼠标左键点击FLV或MP4地址,显示“来自网页消息”,点确定,显示“新建安全下载”,右键将第一行显示的地址复制后粘贴到本生成器“输入视频地址处”。(4)输入视频名称后即可预览。

       几个获取flv视频网址的转换器:

★ 硕鼠FLV视频下载 ★      FLV视频下载       MP4下载       优酷视频下载      

 土豆视频下载       酷六视频下载       YOUTUBE视频下载 

       点开上面一款下载器(标明网站的下载器只能下载相应的网站地址,如优酷、土豆、酷六等。较好的的是硕鼠,可支持73个网站),将所选的视频地址输入空栏,点开始或确定,便可获得你所需的flv地址。

       素材:1.  各种精美边框选用    2.  播放器按钮图标    3.  酷蓝播放器按钮图标    4.  Media player按钮图标PNG

       三、制作播放器过程

       1、点击 “开始制作播放器”按钮进入播放器制作过程。

       2、将复制的FLV或MP4地址粘贴到“输入视频地址”栏;将复制的视频名称粘贴到“输入视频名称”栏。

       3、 一个视频网址和视频名称粘贴后,可先预览,没有问题后按“第1片视频确定”,接着做第二个、第三个……所有视频输入结束后,选择播放方式:自动播放将数字改为1,多个视频随机播放将数字改为0。

       4、选择三种款式播放器的一款:

     (1)“边框按钮默认”款式播放器操作:

       预览播放器后,点击“生成代码”出现显示代码画面.显示的代码已经自动复制到您的电脑系统的粘贴板上了。登入您的博客→发博文→填写标题等→点击“显示源代码”→按鼠标右键→选“粘贴”→预览博文或发博文。

     (2)“无边框无按钮”款式播放器操作:

       确定您的播放器(即视频)的大小:修改视频的宽度的数字。视频的高度随宽度自动按比例缩放。然后,点击“生成代码”出现显示代码画面.显示的代码已经自动复制到您的电脑系统的粘贴板上了。登入您的博客→发博文→填写标题等→点击“显示源代码”→按鼠标右键→选“粘贴”→预览博文或发博文。

     (3)“自定义视频”款式播放器操作:

       这是一款通用、用户自定义的视频播放器。用户可以自由决定视频的大小、使用的背景(边框)、按钮、文字颜色等并可安排播放器各部件的位置,使视频播放器更具特色。

       A.、舞台边框视频设置

       这部分决定舞台的大小,背景(边框)的式样、视频的位置。具体操作《“视频播放器”生成器》中有“操作说明”。

       B、按钮设置

       这部分决定按钮的大小、式样、排列方式、位置。具体操作《“视频播放器”生成器》中有“操作说明”。

      C、进度条等设置

      进度条:大小、下载进度条、播放进度条的颜色、位置

      时间显示:大小、总时间、当前播放时间的颜色、位置、总时间和当前播放时间的间隔视频名称:大小、颜色、位置

      音量控制:大小(水平、垂直缩放)、颜色(底色、边框、拉动条)、位置

      清单显示:高度、颜色(当前播放、未播放、已播放)、背景颜色、背景透明度(透明度=0即清单无背景)。

       D、预览设置效果

       实时观察(1)(2)(3)设置的效果,以便进一步调整设置。

       E、生成代码

       点击“生成代码”出现显示代码画面.显示的代码已经自动复制到您的电脑系统的粘贴板上了。登入您的博客→发博文→填写标题等→点击“显示源代码”→按鼠标右键→选“粘贴”→预览博文或发博文。

在线制作视频播放器的代码生成器

 

这是一款制作“视频播放器”的工具。视频和舞台的尺寸可在1024*768选择。提供六种视频形状并可在舞台范围内移动。配有视频列表、控制按钮。具有自动播放(或手动播放)、原音播放(或消音播放)、设置透明度等功能。

操作简要说明:

准备好要播放视频的名称、网址就可以开始制作了。

1、确定视频的尺寸:默认视频尺寸:880*550,最大尺寸1024*768。当选择在舞台中移动时,视频的尺寸应小于舞台尺寸。

2、输入或粘贴视频信息:输入或粘贴视频信息前先关闭填写说明。每个视频信息由视频名称、视频网址组成。每个视频信息之间加一行#ks#。详见工具中的填写说明。填写好视频信息后,可点击“预览效果”按钮播放视频。

音悦台视频网址可供外链,点击右侧《音悦台视频网址外链转换器》地址:http://dashan.gotoip1.com/gj/yinyuetai-zh.swf,可方便地将视频ID转换为视频网址。

例如:(可用此例做个练习)

秋日私语 http://link.hhtjim.com/yyt/2685138.mp4 

#ks# 

《当我长大后》陈小朵 http://v.cctv.com/flash/media/qgds/2009/01/qgds_null_20090126_213.flv

#ks#

韵动中国 http://link.hhtjim.com/yyt/2489254.mp4

3、设置播放方式:选择0为手动播放(需点击播放按钮后播放);选择1为自动播放(打开视频就播放)

4、设置视频有声或无声:选择0为原音播放(有声);选择1为消音播放(无声)

5、设置视频透明度:选择100为不透明。当需视频与背景重叠显示时,可将透明度设置低于100。

6、控制按钮组件(播放/暂停、上下个视频、列表显示/关闭、进度条、时间)。控制按钮组件形态固定,位置自动安排在视频底部中间。这里仅设置是否需要控制按钮组件。

7、视频列表:当需要列表时,请确定列表位置。根据视频名称的长度和视频数量,确定列表的宽度和高度。当列表背景透明度设置为0时,列表没有背景。播放过程中,随时可以点击控制按钮中的列表按钮(三橫线)控制列表显示或关闭。

8、视频显示有六种形状选择:四方(1)、椭圆(2)、圆(3)、菱形(4)、心形(5)、条块(6)

9、视频有四种移动模式选择:不移动(1)左右移动(2)上下移动(3)上下左右移动(4)当选择2、3、4模式时,请确定舞台尺寸(视频移动的范围)和起始移动位置。注意:舞台尺寸应大于视频尺寸。

10、复制代码:制作过程随时自动产生博客用代码。点击“复制”按钮,自动将生成的代码复制到你的电脑的“粘贴板”了,打开博客写日志进入代码编辑窗口,只要做个“粘贴”(或同时按键盘Ctrl和v键),然后预览效果。

11、在博文中调整播放器的“相对定位”代码:<DIV style="MARGIN-TOP: 0px; MARGIN-LEFT: 0px">......</DIV>这是“相对定位”代码。其作用就是确定视频在音画中的位置。TOP: 0px中的0调整为-xx(负的背景高度);LEFT: 0px中的0调整为xx(距离页面左边xx)

如何使用“相对定位”代码,博客装饰——多种元素组合有详细介绍。

来源:彩云归博客    引编(文字略有添加删改):鹦哥

自制视频播放器代码生成器〔彩云归〕 - 红嘴绿鹦哥 - 精品采撷苑
  评论这张
 
阅读(1868)| 评论(5)
推荐

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017