本日志标题:在网页中插入Flv视频文件        [2006-2-26] Bookmark and Share

Flv视频文件的来源

首先说下这个Flash视频,也就是Flash Video。

为什么要用这个?很显然是需要在网页中播放视频。我们都知道一般的视频文件,要不就是asf格式、wmv格式使用mediaplayer进行播放,要不就是rm格式用RealPlayer播放。

这样的问题是,格式的不同就需要选择不同的播放器,这对于本地计算机没有安装相应播放器的用户来说,这些视频根本无法收看。

并且,还由于这些文件的容量过大,下载慢,查看也不很流畅。

所以,解决播放器和容量的问题,运用Flash有个方法:将各类视频文件转换成Flash视频文件。

播放器有嵌入在浏览器中的Flash播放器,这好像每个人的机器都有的吧,解决了其它一般视频文件需要挑选播放器的问题,当然这也就是Flash的优势。

容量方面,从FlashMX2004起就支持了转换为Flash视频的功能,经过相关设置后,可缩小原有视频的容量,最终转换的文件扩展名是FLV。

一句话:最终获得的是个FLV即Flash视频文件。

那么Flv文件如何在网页中显示呢?Flv文件也只是视频文件,它的播放同样是需要播放器的,而这个播放器就是FlashPlayer。

第一种方法:

将本地Flv文件导入部署到Flash软件中,以库中元素的形式而存在,将该元素拖入场景,调整位置后,发布为swf文件即可。

注意以上文件在本地测试没有问题,但上传到网络时,其他浏览者是无法查看的,因为当前的播放器调用的是本地Flv文件。

所以,需要调整路径。首先需要将Flv文件上传到某个网络空间,并且获得其准确的路径地址。

其次,打开Flash软件,选择Flv组件,Alt+F7打开“组件检查器”,将“ContentPath”中的路径由本地地址替换为网络绝对地址



再来将该Flash发布导出swf文件。这时候才可以任意使用该swf文件,如同插入其他一般Flash文件一样。

测试: http://www.cnbruce.com/flv/13.swf

当然,此时还会有个播放器控制按钮相关的一个swf文件,记得要附带着。

第二种方式:

在第二种方式介绍之前,你有没有发觉第一种方式有点麻烦?因为我们是需要将视频插入到网页的,现在却需要先制作一个swf播放器文件,其中还有些曲折。然后再打开网页编辑器将swf文件插入。

正如我们在网页中插入Flash按钮一样,先要用Flash制作按钮,然后将该Flash插入到网页。但你有没有注意到Dreamweaver提供了直接插入Flash按钮的功能,也就是说:你不必去制作Flash按钮,直接通过DW中该途径就能很快完成自己的需要。

那么,同样,现在的Dreamweaver8支持了这一功能:插入Flash视频

你不需要去制作播放视频的swf文件,只需要提供一个Flv视频文件即可。这也就是我所要说的重点。

打开插入面板,选择常用类别,单击媒体按钮后的向下箭头,从下拉列表中选择“Flash视频”



弹出的对话框中,可使用网络上已经固定的Flv文件地址,还可以是选择浏览本地的Flv文件,但要注意该Flv文件应是你所定义的DW当前该站点中的,以获得相对路径,便于之后所有文件一起上传后,一样能寻找到该文件。

不出所料,设置完毕后,DW8自动生成了FLVPlayer_Progressive.swf播放器文件和Halo_Skin_3.swf控制器皮肤文件。

那么,最后你上传网页时就是4个文件一起上传。



OK,调试个地址看看:http://www.cnbruce.com/flv/

第三种方式:

如果你还是觉得文件比较的多,只要要一个播放器和一个Flv文件就了事。那么,借用下Google的这个swf播放器googleplayer.swf,自己只需要提供flv路径就可以了,除flv外,googleplayer.swf还支持mp3文件。

具体如何使用google的这个播放器,Danger同学介绍了个: http://www.dengjie.com/weblog/comments.asp?post_id=1066

并且还提供了个在线工具 http://dengjie.com/temp/google_player_cn.swf

以下显示的则是通过上面的工具设置的,采用的Google的播放器。



当然,毕竟这个播放器是Google的,只要通过URL的参数选项即可播放相应的该视频文件。

如果能脱离第一、第二种方式,使用第三种方法又不想使用Google的播放器,那只有自己来写一个swf播放器了。Danger似乎已经完成。

我的方法则是把google的该播放器下载了下来,然后放到自己的空间里面 ,接着就来使用了 http://www.cnbruce.com/flv/ googleplayer.swf?videoUrl=http%3A%2F%2Fwww%2Ecnbruce%2Ecom%2Fflv%2Flaislabonita%2Eflv&thumbnailUrl=http%3A%2F%2Fwww%2Ecnbruce%2Ecom%2Fblog%2Fimages%2F2006%2D2%2Ejpg&playerMode=normal




在百度搜索完整的在网页中插入Flv视频文件内容,或者用Google搜索相关的更多内容

By [cnbruce] at 0:25:26 | 评论 [498] | 浏览 [95376] | TrackBack| 返回顶部

About Comments
狼,http://www.cnbruce.com/flv/13.swf
目前这首曲子是?
By [LevyKing] at 2006-2-26 11:03:58
法国MM Alizee/艾莉婕《laislabonita》
By [BRUCE] at 2006-2-26 11:12:51
看来应该把自己的审美方向转向欧美音乐了...:)
By [LevyKing] at 2006-2-27 9:15:29
大哥为什么我把生成的FLV文件放到网络上去无法看到呢...
用FLASH组件加载的时候 也无法加载到.但是文件确实是在服务器上的
在本地是可以使用的
By [woshidianpa] at 2006-3-9 23:38:03
这首歌在我电脑放着呢,过几天就删了,呵呵
By [龙飞凤舞] at 2006-4-18 15:12:33
googlevideo直接拿来播视频是不错,不过播MP3就显得有点浪费了,70几K大的体积
在一个法国网站上看到一款很小巧的flashmp3播放器,只有5k大小,觉得很喜欢,就下了源码,打算和着googlevideo一起用。
http://www.vnt.cn/post/60.html
还有有一次和两个法国网友(一男一女)聊天,说起alizee,他们居然异口同声说i hate her,哈哈~觉得她唱歌很难听,听说她在中国也挺有名的,郁闷地说so bad for the reputation of france~~感觉法国人看她就像我们中很多人看章子仪一样,搞笑~
By [vitas] at 2006-4-27 2:20:31
您好,请问能不能将你第一种方法的那个flash的源文件发给我呢?

mail:
xiaoxh2008@sina.com

不胜感激啊
By [您好] at 2007-1-10 5:48:40
我按照你第2种方法做了!但是我上传那4个文件的时候,只有flv视频文件上传不了,其它3个都可以!还有我想问下你是如何将那4个文件整合成http://www.cnbruce.com/flv/的
By [shanxiang] at 2007-1-12 18:19:59
flv视频文件上传不怎么播放呢?
By [cnbruce] at 2007-1-12 20:21:25
to xiaoxh2008,没有源文件了,操作很简单,在Flash8中按照图中的方法制作就可以了
By [cnbruce] at 2007-1-12 20:23:06
斑竹大人,您好:

我用的第一种方法已实现flv视频文件播放,可是控制条不能显示?我已经把控制条皮肤文件一起上传了,是否DW里还要配置?该如何,请赐教。感激
By [海盗亚伟] at 2007-2-15 14:31:52
另外我发现一个问题,如果直接在地址栏调用flash8生成的swf文件播放,就可以显示控制条皮肤!但在dreamwaver里面插入就会无法调用,很明显,是网页代码问题,应该如何加代码呢?知之者请提醒在下。
By [海盗亚伟] at 2007-2-15 14:50:45
问题解决。

各位遇到同样问题的同学请注意:控制条文件一定要和这个html页面在同个文件夹下!而不是和swf同个文件夹!

找了老半天,终于在Macromedia官网发布的代码中发现,其中一条<para name="samedomain">原来就是原因所在。

花了一个下午的时间,也算值了。
[Edit on 2007-2-15 16:23:13 By 海盗亚伟]
[Edit on 2007-2-15 16:25:21 By 海盗亚伟]
By [海盗亚伟] at 2007-2-15 16:22:14
你好,我比较笨,请帮我一下,我用的第二种方法,在 drw 中操作,生成了两个文件 FLVPlayer_Progressive.swf 和 Corona_Skin_3.swf ,同时 flv 的文件也是存在的,并且是可以播放的 (我说的是在本地用 flv 播放器打开是可以正常播放的),可在网页中设置后,浏览却页面空白,什么都没有显示,只感觉有个 flash 的东西,我想问一下,为什么不能播放啊^
我想是不是我的播放地址不对,然后我放到了网上,
http://www.sxsjtt.com/test/huashan.flv 地址绝对是正确的,可为什么点这个地址时,却说这个地址错误,这是为什么啊?
By [leafsha] at 2007-4-9 11:48:43
By [12312312] at 2008-2-27 2:33:10
111
By [111] at 2008-4-10 16:11:15
hi.你好。
看了你此文:
http://www.cnbruce.com/blog/showlog.asp?log_id=824
我的代码是:<embed
src="http://video.google.com/googleplayer.swf?videoUrl=http://videodownload.oeeee.com/20080826185617234.flv&playerMode=normal"
type=application/x-shockwave-flash width=500 height=400></embed> ,嵌入网页后,播放器能显示,但是按play按钮后视频并不能播放。而改成你的播放器文件后:
<embed
src="http://www.cnbruce.com/flv/googleplayer.swf?videoUrl=http://videodownload.oeeee.com/20080826185617234.flv&playerMode=normal"
type=application/x-shockwave-flash width=500 height=400></embed> ,嵌入网页后,播放器能显示而且视频能正常播放。你的播放器文件:http://www.cnbruce.com/flv/googleplayer.swf跟http://video.google.com/googleplayer.swf 有什么不同吗?能否把你的
googleplayer.swf文件发给我??(直接下载好像下载不了)
不胜感激。我的email:luckypoem#163.com
By [ym] at 2008-9-10 22:27:16
太谢谢你啦,给力,终于把我的问题解决啦~~~
By [薇儿] at 2010-11-23 7:26:20
很感谢啊。。。www.jkhbb.com
By [健康好宝宝] at 2011-8-3 10:38:48
你好有用你的方式上传了前台为什么不能播放呢,楼主急急急请QQ:1643961800
By [stt] at 2012-3-15 14:24:24
вакансии озеленение и благоустройство краснодар
управление благоустройства краснодар
благоустройство в краснодаре
благоустройство территории организации краснодар
благоустройство и озеленение в краснодаре

----------------------
http://благоустройство-краснодар.рф/
By [Asfalt93Ki] at 2018-2-12 13:15:19
Аренда авто в Крыму недорого с подачей в любую точку Крыма. На сайте http://парк777.рф
By [Maximjer] at 2018-2-28 21:39:05
Купить мебель для кухни Одинцово

http://kuhninazakaz.info/page/kupit-mebel-dlya-kuhni-odintsovo/
By [ardMus] at 2018-4-4 13:07:01
Приветствую всех!
Нашел познавательную информацию на этом сайте:
http://watafak.ru :
http://watafak.ru/foto-prikoly-interesnoe/3162-zhineve-van-sinus-v-sunday-times-style.html Жиневье Ван Синус в Sunday Times Style
http://watafak.ru/foto-prikoly-interesnoe/2285-kak-zastavit-rebenka-ne-sdirat-glaznuyu-povyazku.html Как заставить ребенка не сдирать глазную повязку
http://watafak.ru/foto-prikoly-interesnoe/9140-demotivatory-30-foto.html
By [RusselRes] at 2018-4-12 10:36:12
Привет! Класный у вас сайт!
Что скажете по поводу этих новостей?:
http://enewz.ru/politika/20872-rostelekom-reshil-zakupit-piva-na-12-mln-rubley.html "Ростелеком" решил закупить пива на 1,2 млн рублей
http://enewz.ru/news/7557-rosneft-nakopila-na-schetah-i-depozitah-20-mlrd.html
http://enewz.ru/news/12340-nemeckiy-uchenyy-ob-ukraine-nado-razrushat-istoricheskie-mify.html
Ещё тут много интересного: донбасс со спутника http://enewz.ru/
By [MarvinMaync] at 2018-4-12 22:49:31
Приветствую всех!
Нашел прикольные фотки на этом сайте:
http://anubi.ru :
http://anubi.ru/interesnoe/7713-pochemu-krym-stanovitsya-odnorazovym.html Почему Крым становится одноразовым
http://anubi.ru/foto-prikoly-interesnoe/3994-doshirak-2-460204988446973-prodolzhenie-nashumevshego-video.html ДОШИРАК 2 () - Продолжение нашумевшего видео!
http://anubi.ru/foto-prikoly-interesnoe/2505-zemlya-iz-okna-samoleta-v-2014-godu.html
By [Kevinlib] at 2018-5-11 0:17:29
Сезонная распродажа Ray-Ban по ценам производителя
http://bit.ly/2F23Wh1
By [WilliamVof] at 2018-5-11 18:21:44
http://bit.ly/2IH9Q8m Гелевые перчатки и носочки для spa ухода за руками и ногами
Инновационные гелиевые носки и перчатки на основе натуральных компонентов для ухода за кожей рук и ног.
Питают и тонизируют кожу, восстанавливают ее эластичность и упругость, способствуют профилактике грибковых заболеваний.
By [WilliamCit] at 2018-5-17 3:47:03
Сезонная распродажа Ray-Ban по ценам производителя
http://bit.ly/2F23Wh1
By [WilliamVof] at 2018-5-20 15:52:32
Сезонная распродажа Ray-Ban по ценам производителя
http://bit.ly/2F23Wh1
By [WilliamVof] at 2018-5-21 23:10:09
http://bit.ly/2IH9Q8m Гелевые перчатки и носочки для spa ухода за руками и ногами
Инновационные гелиевые носки и перчатки на основе натуральных компонентов для ухода за кожей рук и ног.
Питают и тонизируют кожу, восстанавливают ее эластичность и упругость, способствуют профилактике грибковых заболеваний.
By [WilliamCit] at 2018-5-22 12:58:53
http://bit.ly/2INJdie Snorest - клипса от храпа
Инновационное приспособление, которое стимулирует рефлексогенные точки в области носовой перегородки, расширяет дыхательные пути и повышает концентрацию кислорода в крови.
Тем самым - избавляет от храпа и делает ваш сон глубоким и здоровым!
By [Jasonwaf] at 2018-5-26 17:37:35
Сезонная распродажа Ray-Ban по ценам производителя
http://bit.ly/2F23Wh1
By [WilliamVof] at 2018-5-28 7:55:35
Привет всем участникам! Класный у вас сайт!
Что скажете по поводу этих новостей?:
http://uptek.ru/articles/1421-ubit-pisatel-obvinyavshiy-cru-v-teraktah-11-sentyabrya.html Убит писатель, обвинявший ЦРУ в терактах 11 сентября
http://uptek.ru/news/4350-podrazdeleniya-bashkirenergo-odni-iz-luchshih-predpriyatiy-po-organizacii-i-usloviy-truda.html
http://uptek.ru/news/10200-kiev-vvel-v-odessu-voyska-nacgvardii.html
Ещё много интересного по теме нашел тут: новороссия тв com http://uptek.ru/
By [LarryPooke] at 2018-5-28 13:55:16
http://bit.ly/2INJdie Snorest - клипса от храпа
Инновационное приспособление, которое стимулирует рефлексогенные точки в области носовой перегородки, расширяет дыхательные пути и повышает концентрацию кислорода в крови.
Тем самым - избавляет от храпа и делает ваш сон глубоким и здоровым!
By [Jasonwaf] at 2018-5-30 7:16:33
http://bit.ly/2INJdie Snorest - клипса от храпа
Инновационное приспособление, которое стимулирует рефлексогенные точки в области носовой перегородки, расширяет дыхательные пути и повышает концентрацию кислорода в крови.
Тем самым - избавляет от храпа и делает ваш сон глубоким и здоровым!
By [Jasonwaf] at 2018-6-6 0:00:16
http://bit.ly/2INJdie Snorest - клипса от храпа
Инновационное приспособление, которое стимулирует рефлексогенные точки в области носовой перегородки, расширяет дыхательные пути и повышает концентрацию кислорода в крови.
Тем самым - избавляет от храпа и делает ваш сон глубоким и здоровым!
By [Jasonwaf] at 2018-6-7 9:48:12
http://bit.ly/2INJdie Snorest - клипса от храпа
Инновационное приспособление, которое стимулирует рефлексогенные точки в области носовой перегородки, расширяет дыхательные пути и повышает концентрацию кислорода в крови.
Тем самым - избавляет от храпа и делает ваш сон глубоким и здоровым!
By [Jasonwaf] at 2018-6-10 6:14:21
http://bit.ly/2wHzeG6 Элитные мужские часы от легендарного бренда Diesel. Брутальный дизайн, высочайшее качество сборки и просто шикарный внешний вид.
Отличный подарок для ценителей солидных аксессуаров.
By [Denniscew] at 2018-6-10 12:02:27
http://bit.ly/2INJdie Snorest - клипса от храпа
Инновационное приспособление, которое стимулирует рефлексогенные точки в области носовой перегородки, расширяет дыхательные пути и повышает концентрацию кислорода в крови.
Тем самым - избавляет от храпа и делает ваш сон глубоким и здоровым!
By [Jasonwaf] at 2018-6-11 11:39:14
http://bit.ly/2INJdie Snorest - клипса от храпа
Инновационное приспособление, которое стимулирует рефлексогенные точки в области носовой перегородки, расширяет дыхательные пути и повышает концентрацию кислорода в крови.
Тем самым - избавляет от храпа и делает ваш сон глубоким и здоровым!
http://bit.ly/2HDRBwd
By [Jasonwaf] at 2018-6-14 19:27:08
http://bit.ly/2INJdie Snorest - клипса от храпа
Инновационное приспособление, которое стимулирует рефлексогенные точки в области носовой перегородки, расширяет дыхательные пути и повышает концентрацию кислорода в крови.
Тем самым - избавляет от храпа и делает ваш сон глубоким и здоровым!
http://bit.ly/2HDRBwd
By [Jasonwaf] at 2018-6-17 4:39:09
Приветствую всех!
Нашел подборки гифок и приколов на этом сайте:
http://agentorange.ru :
http://agentorange.ru/art-foto-interesnoe/1795-fotograf-cedric-buchet.html Фотограф Cedric Buchet
http://agentorange.ru/art-foto-interesnoe/3735-chto-delat-esli-vy-peregrelis-na-solnce.html Что делать, если вы перегрелись на солнце
http://agentorange.ru/art-foto-interesnoe/5345-sovremennyy-kottedzh-v-italii.html
By [RobertEpile] at 2018-7-21 10:54:52
Изготовлениесветодиодных табло для спорта, бегущих строк, табло для АЗС ,http://ledbelgorod.ru
By [Victordergo] at 2018-7-25 7:49:09
Hello friends. My name is John. I like to travel. Travelling is my hobby. Most of all I prefer to travel by air. It's more comfortable, more convenient and far quicker than other methods. On the previous month, I traveled in Paris. Cruise premises more interesting impressions for a long time. I saw many beautiful beaches of the coast. To travel by sea, also is very interesting, exciting but simply marvelous. One of the most thrilling method of travelling is travelling on foot. I usually travel on foot for the purpose of discovering something new or in search of pleasure and adventure. It is very cheap. If you want to have speed, comfort and pleasure, travelling by train is absolutely for you. http://ledstk.com
By [Rogerjoymn] at 2018-8-21 19:59:43
Приветствую всех!
Нашел интересную фотосессию на этом сайте:
http://anubi.ru :
http://anubi.ru/foto-prikoly-interesnoe/5291-kartiny-v-medalonah.html Картины в медальонах
http://anubi.ru/foto-prikoly-interesnoe/6192-kogda-zhivotnye-atakuyut.html Когда животные атакуют
http://anubi.ru/foto-prikoly-interesnoe/1947-samye-priyatnye-oschuscheniya-v-etom-mire.html
By [JacobTic] at 2018-10-2 11:09:10


Post a Comment
呢称: 验证码: 
禁止笑脸转换 禁止UBB | 缩放输入框:6 5 | [Ctrl+Enter提交](1000个字符限制)