 | | | Playing Multiple Movies (FLVs) in Flash | Playing Multiple Movies (FLVs) in Flash 2007-07-20 - By Richard Osborne
Back
Hi all,
I am looking to do something I think is fairly straight forward, but
need to be pointed in the right direction for examples or a tutorial
or two.
What I want to do is have a series of short videos (progressive FLVs)
play in sequence and have an interface that will allow the viewer to
select the videos they wish to watch if they wish to select specific
videos.
You can see something like what I have in mind at:
http://www.stusurvivalguide.ca/campus-life.php
Only this version has one long (large) video with cue points set to
highlight the interface when specific videos (sections) are playing.
The problem is (as with progressive FLVs) that the flv file has to be
downloaded past the cue point(s) before the video selection buttons
can work. (When the first section is downloading/playing you can't
jump to the last section.)
What I think I want is to be able to have a player that can play a
set number of FLVs back to back and update the interface to show what
video is playing. Also have a way to select the videos so the viewer
can play one of the videos from that set of FLVs. For the user it
would look no different than the example above only that they could
select other videos immediately.
If I could, I would also like to be able to set this up as a XML
driven player, so that all I need to do is change the XML file and
the number of links for sections (videos) would change based on the
number of FLVs I list in the XML.
Some help would be appreciated.
Richard
--
Richard Osborne, B.Des, MGDC, Hudson Design Group
860 Main Street, Suite 600, Moncton, New Brunswick, Canada E1C 1G2
506 852-3803, Fax: 506 852-4623, VOIP Skype: richard.osborne.hdg
richard@(protected), www.hudsondesign.ca
Membership Chair, Atlantic Chapter, Society of Graphic Designers of Canada
http://www.gdc.net/regions/atlantic.php
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4
/strict.dtd">
<html>
<head>
</head>
<!-- Network content -->
<body style="background-color: #ffffff;">
<!--~-|**|PrettyHtmlStartT|**|-~-->
<div id="ygrp-mlmsg" style="width:655px; position:relative;">
<div id="ygrp-msg" style="width: 490px; padding: 0 15px 0 0; float:left; z
-index:1;">
<!--~-|**|PrettyHtmlEndT|**|-~-->
<div id="ygrp-text">
<p>Hi all,<br>
<br>
I am looking to do something I think is fairly straight forward, but <br>
need to be pointed in the right direction for examples or a tutorial <br>
or two.<br>
<br>
What I want to do is have a series of short videos (progressive FLVs) <br>
play in sequence and have an interface that will allow the viewer to <br>
select the videos they wish to watch if they wish to select specific <br>
videos.<br>
<br>
You can see something like what I have in mind at: <br>
<a href="http://www.stusurvivalguide.ca/campus-life.php">http://www.stusurvi
<wbr>valguide.<wbr>ca/campus-<wbr>life.php</a><br>
<br>
Only this version has one long (large) video with cue points set to <br>
highlight the interface when specific videos (sections) are playing. <br>
The problem is (as with progressive FLVs) that the flv file has to be <br>
downloaded past the cue point(s) before the video selection buttons <br>
can work. (When the first section is downloading/<wbr>playing you can't <br>
jump to the last section.)<br>
<br>
What I think I want is to be able to have a player that can play a <br>
set number of FLVs back to back and update the interface to show what <br>
video is playing. Also have a way to select the videos so the viewer <br>
can play one of the videos from that set of FLVs. For the user it <br>
would look no different than the example above only that they could <br>
select other videos immediately.<br>
<br>
If I could, I would also like to be able to set this up as a XML <br>
driven player, so that all I need to do is change the XML file and <br>
the number of links for sections (videos) would change based on the <br>
number of FLVs I list in the XML.<br>
<br>
Some help would be appreciated.<br>
<br>
Richard<br>
<br>
-- <br>
Richard Osborne, B.Des, MGDC, Hudson Design Group<br>
860 Main Street, Suite 600, Moncton, New Brunswick, Canada E1C 1G2<br>
506 852-3803, Fax: 506 852-4623, VOIP Skype: richard.osborne.<wbr>hdg<br>
<a href="mailto:richard%40hudsondesign.ca">richard@(protected)<wbr>n.ca</a>,
www.hudsondesign.<wbr>ca<br>
<br>
Membership Chair, Atlantic Chapter, Society of Graphic Designers of Canada<br>
<a href="http://www.gdc.net/regions/atlantic.php">http://www.gdc.<wbr>net
/regions/<wbr>atlantic.<wbr>php</a><br>
</p>
</div>
<!--~-|**|PrettyHtmlStart|**|-~-->
<span width="1" style="color: white;">__._,_.___</span>
<!-- Start the section with Message In topic -->
<div id="ygrp-actbar">
<span class="left">
<a href="http://groups.yahoo.com/group/pro_flash/message/3230;_ylc
=X3oDMTMyZ2MxdmNpBF9TAzk3MzU5NzE0BGdycElkAzc3NzkxBGdycHNwSWQDMTcwNTAwNTUxMgRtc2d
JZAMzMjMwBHNlYwNmdHIEc2xrA3Z0cGMEc3RpbWUDMTE4NDk1OTE3NAR0cGNJZAMzMjMw">
Messages in this topic </a> (<span class="bld">1</span>)
</span>
<a href="http://groups.yahoo.com/group/pro_flash/post;_ylc
=X3oDMTJuZXM0MDVhBF9TAzk3MzU5NzE0BGdycElkAzc3NzkxBGdycHNwSWQDMTcwNTAwNTUxMgRtc2d
JZAMzMjMwBHNlYwNmdHIEc2xrA3JwbHkEc3RpbWUDMTE4NDk1OTE3NA--?act=reply&messageNum
=3230">
<span class="bld">
Reply </span> (via web post)
</a> |
<a href="http://groups.yahoo.com/group/pro_flash/post;_ylc
=X3oDMTJjcWkzMGE1BF9TAzk3MzU5NzE0BGdycElkAzc3NzkxBGdycHNwSWQDMTcwNTAwNTUxMgRzZWM
DZnRyBHNsawNudHBjBHN0aW1lAzExODQ5NTkxNzQ-" class="bld">
Start a new topic </a>
</div>
<!-- ---- Start Nav Bar -- --->
<!-- |**|begin egp html banner|**| -->
<div id="ygrp-vitnav">
<a href="http://groups.yahoo.com/group/pro_flash/messages;_ylc
=X3oDMTJjdDdmYW5rBF9TAzk3MzU5NzE0BGdycElkAzc3NzkxBGdycHNwSWQDMTcwNTAwNTUxMgRzZWM
DZnRyBHNsawNtc2dzBHN0aW1lAzExODQ5NTkxNzQ-">Messages</a>
| <a href="http://groups.yahoo.com/group/pro_flash/files;_ylc
=X3oDMTJkbmVrNTBpBF9TAzk3MzU5NzE0BGdycElkAzc3NzkxBGdycHNwSWQDMTcwNTAwNTUxMgRzZWM
DZnRyBHNsawNmaWxlcwRzdGltZQMxMTg0OTU5MTc0">Files</a>
| <a href="http://groups.yahoo.com/group/pro_flash/photos;_ylc
=X3oDMTJjcmp2YmxjBF9TAzk3MzU5NzE0BGdycElkAzc3NzkxBGdycHNwSWQDMTcwNTAwNTUxMgRzZWM
DZnRyBHNsawNwaG90BHN0aW1lAzExODQ5NTkxNzQ-">Photos</a>
| <a href="http://groups.yahoo.com/group/pro_flash/links;_ylc
=X3oDMTJkdnIzNWY3BF9TAzk3MzU5NzE0BGdycElkAzc3NzkxBGdycHNwSWQDMTcwNTAwNTUxMgRzZWM
DZnRyBHNsawNsaW5rcwRzdGltZQMxMTg0OTU5MTc0">Links</a>
| <a href="http://groups.yahoo.com/group/pro_flash/database;_ylc
=X3oDMTJhbzBtN29sBF9TAzk3MzU5NzE0BGdycElkAzc3NzkxBGdycHNwSWQDMTcwNTAwNTUxMgRzZWM
DZnRyBHNsawNkYgRzdGltZQMxMTg0OTU5MTc0">Database</a>
| <a href="http://groups.yahoo.com/group/pro_flash/polls;_ylc
=X3oDMTJkY2Z2NTR1BF9TAzk3MzU5NzE0BGdycElkAzc3NzkxBGdycHNwSWQDMTcwNTAwNTUxMgRzZWM
DZnRyBHNsawNwb2xscwRzdGltZQMxMTg0OTU5MTc0">Polls</a>
| <a href="http://groups.yahoo.com/group/pro_flash/calendar;_ylc
=X3oDMTJiMXYzaGU3BF9TAzk3MzU5NzE0BGdycElkAzc3NzkxBGdycHNwSWQDMTcwNTAwNTUxMgRzZWM
DZnRyBHNsawNjYWwEc3RpbWUDMTE4NDk1OTE3NA--">Calendar</a>
</div>
<!-- |**|end egp html banner|**| -->
<!-- Do not have place to put it yet -->
<div id="ygrp-grft">
<!-- |**|begin egp html banner|**| -->
=========================<BR>
Pro_Flash: Professional Web Developers Using Macromedia Flash<BR>
To subscribe: mailto:pro_flash-subscribe@(protected)<BR>
To UNSUBSCRIBE: mailto:pro_flash-unsubscribe@(protected)<BR>
<!-- |**|end egp html banner|**| -->
</div>
<!-- yahoo logo -->
<!-- |**|begin egp html banner|**| -->
<div id="ygrp-ft">
<a href="http://groups.yahoo.com/;_ylc
=X3oDMTJiZDRzNGE0BF9TAzk3MzU5NzE0BGdycElkAzc3NzkxBGdycHNwSWQDMTcwNTAwNTUxMgRzZWM
DZnRyBHNsawNnZnAEc3RpbWUDMTE4NDk1OTE3NA--">
<img src="http://us.i1.yimg.com/us.yimg.com/i/yg/img/logo/ma_grp_160.gif"
height="15" width="106" border="0" alt="Yahoo! Groups"></a> <br>
<a href="http://groups.yahoo.com/group/pro_flash/join;_ylc
=X3oDMTJkc2NtNDlhBF9TAzk3MzU5NzE0BGdycElkAzc3NzkxBGdycHNwSWQDMTcwNTAwNTUxMgRzZWM
DZnRyBHNsawNzdG5ncwRzdGltZQMxMTg0OTU5MTc0">Change settings via the Web</a>
(Yahoo! ID required) <br>
Change settings via email: <a href="mailto:pro_flash-digest@(protected)
.com?subject=Email Delivery: Digest">Switch delivery to Daily Digest</a> | <a
href = "mailto:pro_flash-traditional@(protected)?subject=Change Delivery
Format: Traditional">Switch format to Traditional</a> <br>
<a href="http://groups.yahoo.com/group/pro_flash;_ylc
=X3oDMTJib3BoMGZpBF9TAzk3MzU5NzE0BGdycElkAzc3NzkxBGdycHNwSWQDMTcwNTAwNTUxMgRzZWM
DZnRyBHNsawNocGYEc3RpbWUDMTE4NDk1OTE3NA--">
Visit Your Group
</a> |
<a href="http://docs.yahoo.com/info/terms/">
Yahoo! Groups Terms of Use </a> |
<a href="mailto:pro_flash-unsubscribe@(protected)?subject=">
Unsubscribe </a>
</div> <!-- |**|end egp html banner|**| -->
</div> <!-- ygrp-msg -->
<!-- Sponsor -->
<!-- |**|begin egp html banner|**| -->
<div id="ygrp-sponsor" style="width:140px;float: left; clear: none; margin
-left: 5px; background:white; margin-bottom:25px ;position:absolute; top:0;
right: 0;">
<!-- Network content -->
<!-- Start vitality -->
<div id="ygrp-vital">
<div id="vithd">Recent Activity</div>
<ul style="list-style-type:none; padding: 0; margin: 2px 0;">
<li style="clear: both;">
<div class="ct" style="float: right;"><span style="display:none"> <
/span>1</div>
<div class="cat"><a href="http://groups.yahoo.com/group/pro_flash/members
;_ylc
=X3oDMTJkbDBpMjNpBF9TAzk3MzU5NzE0BGdycElkAzc3NzkxBGdycHNwSWQDMTcwNTAwNTUxMgRzZW
MDdnRsBHNsawN2bWJycwRzdGltZQMxMTg0OTU5MTc0">New Members</a></div>
</li>
</ul>
<a href="http://groups.yahoo.com/group/pro_flash;_ylc
=X3oDMTJjYWJicmUwBF9TAzk3MzU5NzE0BGdycElkAzc3NzkxBGdycHNwSWQDMTcwNTAwNTUxMgRzZWM
DdnRsBHNsawN2Z2hwBHN0aW1lAzExODQ5NTkxNzQ-">
Visit Your Group </a>
</div>
<div id="hd">SPONSORED LINKS</div>
<div id="ov">
<ul>
<li><a href="http://groups.yahoo.com/gads;_ylc
=X3oDMTJhZ2NvZzlnBF9TAzk3MzU5NzE0BF9wAzEEZ3JwSWQDNzc3OTEEZ3Jwc3BJZAMxNzA1MDA1NTE
yBHNlYwNzbG1vZARzdGltZQMxMTg0OTU5MTc0?t=ms&k=Computer+telephony&w1=Computer
+telephony&w2=Portable+computer&w3=Sales+and+marketing+solution&w4=Macromedia
+flash+mx&w5=Sale+and+marketing&c=5&s=130&g=2&.sig=3TCZ0-hm6mPOqcQ4XFz1qQ"
>Computer telephony</a></li>
<li><a href="http://groups.yahoo.com/gads;_ylc
=X3oDMTJhaWZlZnQ3BF9TAzk3MzU5NzE0BF9wAzIEZ3JwSWQDNzc3OTEEZ3Jwc3BJZAMxNzA1MDA1NTE
yBHNlYwNzbG1vZARzdGltZQMxMTg0OTU5MTc0?t=ms&k=Portable+computer&w1=Computer
+telephony&w2=Portable+computer&w3=Sales+and+marketing+solution&w4=Macromedia
+flash+mx&w5=Sale+and+marketing&c=5&s=130&g=2&.sig=lg8-1IWvl1kwjjuay3fNdQ"
>Portable computer</a></li>
<li><a href="http://groups.yahoo.com/gads;_ylc
=X3oDMTJhdmYzZ2hsBF9TAzk3MzU5NzE0BF9wAzMEZ3JwSWQDNzc3OTEEZ3Jwc3BJZAMxNzA1MDA1NTE
yBHNlYwNzbG1vZARzdGltZQMxMTg0OTU5MTc0?t=ms&k=Sales+and+marketing+solution&w1
=Computer+telephony&w2=Portable+computer&w3=Sales+and+marketing+solution&w4
=Macromedia+flash+mx&w5=Sale+and+marketing&c=5&s=130&g=2&.sig
=mePtm0z2SziWudfmo1DeLQ">Sales and marketing solution</a></li>
<li><a href="http://groups.yahoo.com/gads;_ylc
=X3oDMTJhbG44OXQzBF9TAzk3MzU5NzE0BF9wAzQEZ3JwSWQDNzc3OTEEZ3Jwc3BJZAMxNzA1MDA1NTE
yBHNlYwNzbG1vZARzdGltZQMxMTg0OTU5MTc0?t=ms&k=Macromedia+flash+mx&w1=Computer
+telephony&w2=Portable+computer&w3=Sales+and+marketing+solution&w4=Macromedia
+flash+mx&w5=Sale+and+marketing&c=5&s=130&g=2&.sig=54kxJSG-XPRGEBOJqXMogQ"
>Macromedia flash mx</a></li>
<li><a href="http://groups.yahoo.com/gads;_ylc
=X3oDMTJhNDZjMG8xBF9TAzk3MzU5NzE0BF9wAzUEZ3JwSWQDNzc3OTEEZ3Jwc3BJZAMxNzA1MDA1NTE
yBHNlYwNzbG1vZARzdGltZQMxMTg0OTU5MTc0?t=ms&k=Sale+and+marketing&w1=Computer
+telephony&w2=Portable+computer&w3=Sales+and+marketing+solution&w4=Macromedia
+flash+mx&w5=Sale+and+marketing&c=5&s=130&g=2&.sig=vs95WehVJIFA9jqPEJo6Jw">Sale
and marketing</a></li>
</ul>
</div>
<!-- Network content -->
<div id="nc">
<div class="ad">
<div id="hd1">Y! Messenger</div>
<p><a href="http://us.ard.yahoo.com/SIG=12jcpicfc/M=493064.10729668.11333359
.8674578/D=groups/S=1705005512:NC/Y=YAHOO/EXP=1184966374/A=3848581/R=0/SIG
=11umg3fun/*http://us.rd.yahoo.com/evt=42403/*http://messenger.yahoo.com"
>Instant hello</a></p>
<p>Chat in real-time</p>
<p>with your friends.</p> </div>
<div class="ad">
<div id="hd1">Yahoo! Mail</div>
<p><a href="http://us.ard.yahoo.com/SIG=12je7h6v8/M=493064.10729665.11333356
.8674578/D=groups/S=1705005512:NC/Y=YAHOO/EXP=1184966374/A=3848568/R=0/SIG
=12jllrvsk/*http://us.rd.yahoo.com/evt=42409/*http://advision.webevents.yahoo
.com/handraisers">Next gen email?</a></p>
<p>Try the all-new</p>
<p>Yahoo! Mail Beta.</p> </div>
<div class="ad">
<div id="hd1">Ads on Yahoo!</div>
<p><a href="http://us.ard.yahoo.com/SIG=12jbf27m7/M=493064.10729656.11333347
.8674578/D=groups/S=1705005512:NC/Y=YAHOO/EXP=1184966374/A=3848643/R=0/SIG
=131q47hek/*http://searchmarketing.yahoo.com/arp/srchv2.php?o=US2005&cmp=Yahoo
&ctv=Groups4&s=Y&s2=&s3=&b=50">Learn more now.</a></p>
<p>Reach customers</p>
<p>searching for you.</p> </div>
</div>
</div> <!-- |**|end egp html banner|**| -->
<div style="clear:both; color: #FFF; font-size:1px;">.</div>
</div> <img src="http://geo.yahoo.com/serv?s=97359714/grpId=77791/grpspId
=1705005512/msgId=3230/stime=1184959174/nc1=3848581/nc2=3848568/nc3=3848643"
width="1" height="1"> <br>
<span style="color: white;">__,_._,___</span>
<!--~-|**|PrettyHtmlEnd|**|-~-->
</body>
<!--~-|**|PrettyHtmlStart|**|-~-->
<head>
<style type="text/css">
<!--
#ygrp-mlmsg {font-size:13px; font-family: arial,helvetica,clean,sans-serif;
*font-size:small;*font:x-small;}
#ygrp-mlmsg table {font-size:inherit;font:100%;}
#ygrp-mlmsg select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
#ygrp-mlmsg pre, code {font:115% monospace;*font-size:100%;}
#ygrp-mlmsg * {line-height:1.22em;}
#ygrp-text{
font-family: Georgia;
}
#ygrp-text p{
margin: 0 0 1em 0;
}
#ygrp-tpmsgs{
font-family: Arial;
clear: both;
}
#ygrp-vitnav{
padding-top: 10px;
font-family: Verdana;
font-size: 77%;
margin: 0;
}
#ygrp-vitnav a{
padding: 0 1px;
}
#ygrp-actbar{
clear: both;
margin: 25px 0;
white-space:nowrap;
color: #666;
text-align: right;
}
#ygrp-actbar .left{
float: left;
white-space:nowrap;
}
.bld{font-weight:bold;}
#ygrp-grft{
font-family: Verdana;
font-size: 77%;
padding: 15px 0;
}
#ygrp-ft{
font-family: verdana;
font-size: 77%;
border-top: 1px solid #666;
padding: 5px 0;
}
#ygrp-mlmsg #logo{
padding-bottom: 10px;
}
#ygrp-vital{
background-color: #e0ecee;
margin-bottom: 20px;
padding: 2px 0 8px 8px;
}
#ygrp-vital #vithd{
font-size: 77%;
font-family: Verdana;
font-weight: bold;
color: #333;
text-transform: uppercase;
}
#ygrp-vital ul{
padding: 0;
margin: 2px 0;
}
#ygrp-vital ul li{
list-style-type: none;
clear: both;
border: 1px solid #e0ecee;
}
#ygrp-vital ul li .ct{
font-weight: bold;
color: #ff7900;
float: right;
width: 2em;
text-align:right;
padding-right: .5em;
}
#ygrp-vital ul li .cat{
font-weight: bold;
}
#ygrp-vital a {
text-decoration: none;
}
#ygrp-vital a:hover{
text-decoration: underline;
}
#ygrp-sponsor #hd{
color: #999;
font-size: 77%;
}
#ygrp-sponsor #ov{
padding: 6px 13px;
background-color: #e0ecee;
margin-bottom: 20px;
}
#ygrp-sponsor #ov ul{
padding: 0 0 0 8px;
margin: 0;
}
#ygrp-sponsor #ov li{
list-style-type: square;
padding: 6px 0;
font-size: 77%;
}
#ygrp-sponsor #ov li a{
text-decoration: none;
font-size: 130%;
}
#ygrp-sponsor #nc {
background-color: #eee;
margin-bottom: 20px;
padding: 0 8px;
}
#ygrp-sponsor .ad{
padding: 8px 0;
}
#ygrp-sponsor .ad #hd1{
font-family: Arial;
font-weight: bold;
color: #628c2a;
font-size: 100%;
line-height: 122%;
}
#ygrp-sponsor .ad a{
text-decoration: none;
}
#ygrp-sponsor .ad a:hover{
text-decoration: underline;
}
#ygrp-sponsor .ad p{
margin: 0;
}
o {font-size: 0; }
.MsoNormal {
margin: 0 0 0 0;
}
#ygrp-text tt{
font-size: 120%;
}
blockquote{margin: 0 0 0 4px;}
.replbq {margin:4}
-->
</style>
</head>
<!--~-|**|PrettyHtmlEnd|**|-~-->
</html><!--End group email -->
|
|
|