xplayerfilmstrip.aspx

多媒体播放器

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="xPlayerFilmStrip.aspx.cs" Inherits="xPlayerFilmStrip" %>
<Canvas Width="205" Height="425" xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

  <Canvas.Resources>
    <Storyboard x:Name="animationDown"
          Storyboard.TargetName="filmImgCan" 
          Storyboard.TargetProperty="(Canvas.Top)">
      <DoubleAnimation By="-200" Duration="0:0:1" />
    </Storyboard>    
    <Storyboard x:Name="animationUp"
        Storyboard.TargetName="filmImgCan"
        Storyboard.TargetProperty="(Canvas.Top)">
      <DoubleAnimation By="200" Duration="0:0:1" />
    </Storyboard>
  </Canvas.Resources>

  <Canvas Width="205" Height="425" Background="transparent">
    <Rectangle Width="205" Height="425" RadiusX="10" RadiusY="10" Canvas.ZIndex="-101">
    
    </Rectangle>
    <!-- ######### FILM STRIP BUTTONS ##########-->
    <Canvas Width="160" Height="44" Canvas.Left="25" Canvas.Top="-3" MouseLeftButtonDown="moveFilmStripDown" MouseEnter="doHighlightTriaUp" MouseLeave="undoHighlightTriaUp">
      <Rectangle StrokeThickness="4" RadiusX="17" RadiusY="36" Width="160" Height="44" Stroke="#46000000">
        <Rectangle.Fill>
          <LinearGradientBrush EndPoint="0.5,-0.409" StartPoint="0.5,1.409">
            <GradientStop Color="gray" Offset="0.242"/>
            <GradientStop Color="black" Offset="0.333"/>
          </LinearGradientBrush>
        </Rectangle.Fill>
      </Rectangle>
      <TextBlock Width="67" Height="23.2" Canvas.Left="29" Canvas.Top="10" Foreground="#FFEFEFEF" Text="" />
      <Rectangle StrokeThickness="4" RadiusX="16" RadiusY="36" Width="140" Height="32" Canvas.Left="10" Canvas.Top="5">
        <Rectangle.Fill>
          <LinearGradientBrush StartPoint="0.5,-0.409" EndPoint="0.5,1.409">
            <GradientStop Color="#00FFFFFF" Offset="0.4"/>
            <GradientStop Color="#FFFFFFFF" Offset="1"/>
          </LinearGradientBrush>
        </Rectangle.Fill>
      </Rectangle>
      <Rectangle RadiusX="17" RadiusY="36" Width="160" Height="38" Fill="#00FFFFFF" x:Name="btnMoveStripDown" Canvas.Left="3" Canvas.Top="3" MouseEnter="doGlowButton" MouseLeave="undoGlowButton"/>
      <Path x:Name="btnTriangleUp" Data="M 0,0 L 20,25 -20,25z "
       Stroke="Silver" Fill="#66666666" StrokeThickness="2"
       Canvas.Left="80" Canvas.Top="8"   />
    </Canvas>

    <Canvas Width="160" Height="44" Canvas.Top="385" Canvas.Left="25" MouseLeftButtonDown="moveFilmStripUp" MouseEnter="doHighlightTriaDown" MouseLeave="undoHighlightTriaDown">
      <Rectangle StrokeThickness="4" RadiusX="17" RadiusY="36" Width="160" Height="44" Stroke="#46000000">
        <Rectangle.Fill>
          <LinearGradientBrush EndPoint="0.5,-0.409" StartPoint="0.5,1.409">
            <GradientStop Color="gray" Offset="0.242"/>
            <GradientStop Color="black" Offset="0.333"/>
          </LinearGradientBrush>
        </Rectangle.Fill>
      </Rectangle>
      <TextBlock Width="67" Height="23.2" Canvas.Left="29" Canvas.Top="10" Foreground="#FFEFEFEF" Text="" />
      <Rectangle StrokeThickness="4" RadiusX="16" RadiusY="36" Width="140" Height="32" Canvas.Left="10" Canvas.Top="5">
        <Rectangle.Fill>
          <LinearGradientBrush EndPoint="0.5,-0.409" StartPoint="0.5,1.409">
            <GradientStop Color="#00FFFFFF" Offset="0.4"/>
            <GradientStop Color="#FFFFFFFF" Offset="1"/>
          </LinearGradientBrush>
        </Rectangle.Fill>
      </Rectangle>
      <Rectangle RadiusX="17" RadiusY="36" Width="160" Height="38" Fill="#00FFFFFF" x:Name="btnMoveStripUp" Canvas.Left="3" Canvas.Top="3" MouseEnter="doGlowButton" MouseLeave="undoGlowButton"/>
      <Path x:Name="btnTriangleDown" Data="M 0,0 L -20,-25 20,-25z"
      Stroke="Silver" Fill="#66666666" StrokeThickness="2"
      Canvas.Left="80" Canvas.Top="33" />
    </Canvas>

    <!--########## FILM STRIP CLIPS ###############-->
      <Canvas x:Name="filmImgCan" Canvas.Top="35" Canvas.Left="50" Height="2110" Width="115" Canvas.ZIndex="-100">
        <Canvas.Background>
          <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
            <GradientStop Color="Gray" Offset="0.0" />
            <GradientStop Color="Black" Offset="1.0" />
          </LinearGradientBrush>
        </Canvas.Background>
        
        <%= makeFilmStrip() %>
      
      </Canvas>

    </Canvas>
    
    
  
</Canvas>