thd/apps/frontend/modules/editor/templates/_player.php
changeset 35 94a1dc255022
equal deleted inserted replaced
34:56befcb22751 35:94a1dc255022
       
     1 <?php
       
     2 	$ref = $film->getRef();
       
     3 	$slug = $film->getSlugUrl();
       
     4 	
       
     5 	//video file
       
     6 	$video_file = $videos[0]['file'];
       
     7 	
       
     8 	// directors list
       
     9 	$json = $film->getDirectors();
       
    10     $directors = json_decode($json, true);
       
    11     $directorsList = $directors['name'];
       
    12 ?>
       
    13 <script type="text/javascript">
       
    14     // Charge le player
       
    15     flowplayer("player", "../../../flashes/flowplayer-3.1.2.swf",
       
    16                {
       
    17                    clip: {url: "http://localhost/thd/web/videos/<?php echo $video_file; ?>.f4v",
       
    18                           autoPlay: false,
       
    19                           autoBuffering: true,
       
    20                           onSeek: function() {
       
    21                               playerSeek();
       
    22                           }
       
    23                          },
       
    24                    
       
    25                    plugins: {
       
    26                        
       
    27                        content: {url: "http://localhost/thd/web/flashes/flowplayer.content-3.1.0.swf",
       
    28                                  backgroundColor: 'transparent',
       
    29                                  display: 'none',
       
    30                                  style: {p: {fontSize: 15}}
       
    31                                 }
       
    32                        
       
    33                    },
       
    34                    
       
    35                    onLoad: function() {
       
    36                        playerLoaded(this);
       
    37                    },
       
    38                    
       
    39                    onUnload: function() {
       
    40                        playerUnloaded(this);
       
    41                    },
       
    42                    onError: function(code,msg) {
       
    43                        alert(msg);
       
    44                    },
       
    45                });
       
    46 
       
    47                
       
    48                function loadSegments() {
       
    49                   
       
    50                    if ($f().getClip() == undefined) {
       
    51                        window.setTimeout("loadSegments()",2000);
       
    52                        return false;
       
    53                    }
       
    54 
       
    55                    var duration = Math.round($f().getClip().fullDuration*10) * 100;
       
    56                  
       
    57 
       
    58                    var segments = tagTool.segments;
       
    59 
       
    60                    for (seg in segments) {
       
    61                        var segd = segments[seg].sout - segments[seg].sin;
       
    62                        var percent = Math.round(segd * 100 / duration);
       
    63                        var offset = Math.round(segments[seg].sin * 100 / duration);
       
    64                        var c = $('#seg_container_template').clone().removeAttr("id");
       
    65                        $("#segments").append(c);
       
    66                        $("span", c).html('<strong>' + tagTool.segments[seg].tag +'</strong> par ' + segments[seg].user);
       
    67                        $("#seg_0", c).css({'margin-left': offset+'%', 'width': percent+'%'})
       
    68                        .attr('id', 'seg_' + seg)
       
    69                        .click(function() {
       
    70                            seg_id = $(this).attr("id");
       
    71                            seg_id = seg_id.substr(seg_id.indexOf('_') + 1);
       
    72                            tagTool.playSegment(seg_id, $("#pauseAfter").val());
       
    73                        });
       
    74                        c.show();
       
    75                    }
       
    76                }
       
    77 
       
    78 
       
    79                function playerSeek() {
       
    80                    tagTool.rebuildCurrentTags(tagTool.player.getTime() * 1000);
       
    81                }
       
    82 
       
    83                
       
    84                function playerLoaded(player) {
       
    85                	
       
    86                    // Charge les tags
       
    87     				$("#segmentMarkerButtons").css("opacity",1);
       
    88                     $("#btMarkIn").removeAttr("disabled");
       
    89                     $.getJSON("<?php echo url_for("@segmentListJson?ref=$ref&film_slug=$slug");?>", "", function(data) {
       
    90                         tagTool.segments = data;
       
    91                         tagTool.setupHandlers($f("player"));                        
       
    92                         window.setTimeout("loadSegments()", 2000);
       
    93                     });
       
    94  
       
    95                    tagTool.player = $f("player");
       
    96                    tagTool.showTagInPage = false;
       
    97 
       
    98                }
       
    99     </script>
       
   100 <div id="editor">
       
   101 	<h2><?php 
       
   102 	
       
   103 		echo $film->getTitle();
       
   104 		// original title if exist
       
   105 
       
   106 		if($film->getOriginalTitle()!= null)
       
   107 		{
       
   108 			echo " <span class=\"ost\">{".$film->getOriginalTitle()."}</span>";
       
   109 		}
       
   110 	?>
       
   111 	<span class="film-infos">De 
       
   112 	<?php 
       
   113 	
       
   114     echo $directorsList;
       
   115      ?></span></h2>		
       
   116 	<div class="section">
       
   117 		<div id="player" class="player-ba"></div>		
       
   118 		<p id="segmentMarkerButtons" style="text-align:center;opacity:0.5">
       
   119 			<button type="button" id="btMarkIn"  disabled onClick="segmentMarker.markIn()">
       
   120 			  Marquer le début
       
   121 			</button>
       
   122 			<button type="button" id="btMarkOut" disabled onClick="segmentMarker.markOut()">
       
   123 			  Marquer la fin
       
   124 			</button>
       
   125 			<button type="button" id="btPlaySegment" disabled onClick="segmentMarker.playSegment()">
       
   126 			  Lire la séquence
       
   127 			</button>
       
   128 		 </p>
       
   129 		 <form action="<?php echo url_for("@addFilmSegment?ref=$ref&film_slug=$slug");?>" method="post" id="segmentForm" class="ajax" style="display: none;">
       
   130 		    <h3>Enregistrer votre segment</h3>
       
   131 		    <p>Vous aller créer un segment, entre <span id="mkin">0</span> et <span id="mkout">0</span>.</p>
       
   132 		    <p style="text-align: center;">
       
   133 		      Votre tag : <input type="text" id="usertag" name="usertag" />&nbsp;
       
   134 		      Nom d'utilisateur : <input type="text" id="username" name="username" value="visiteur" />
       
   135 		      <input type="hidden" name="xtid" value="<?php echo extract.id;?>" />
       
   136 		      <input type="hidden" name="timein" id="frmIn" value="0" />
       
   137 		      <input type="hidden" name="timeout" id="frmOut" value="0" />
       
   138 		      <input type="hidden" name="ref" id="refFilm" value="<?php echo $ref."_".$slug; ?>" />
       
   139 		      <input type="hidden" name="film" id="Film" value="<?php echo $title; ?>" />
       
   140 		      <input type="submit" value="Enregistrer" />
       
   141 		    </p>
       
   142 		 </form>
       
   143 	</div>	
       
   144 </div>