locked
Web Parts for Video, Pictures RRS feed

  • Question

  • Hi all,

    May I ask if there is a Web Part for playing video and look similar like youtube. (e.g. It provide a right side bar showing a list of videos and when clicked, the selected video will play at the center of the web page)

    Also, is there a Web Part for displaying pictures which also look similar like youtube. (e.g. It provide a right side bar showing a list of pictures (not videos and when clicked, the picture will be shown at the center of the web page)

    Also, if there a Web Part for displaying 3 to 5 pictures from the latest folder from a picture gallery web part or picture list?

    Lastly, if there are no such web parts for the above functions, may I ask where can I get "learning materials (for beginner)" that can help me to create such web part(s).

    Thanks.

    Wilson

    • Moved by Mike Walsh FIN Wednesday, August 31, 2011 11:25 AM Asks for ready-made parts (From:SharePoint - Development and Programming (pre-SharePoint 2010))
    Wednesday, August 31, 2011 9:25 AM

Answers

  • Hi Wilson,

     

    You can try Flowplayer (http://flowplayer.org/index.html). I had same requirenment same like you before and i have used Flowplayer.

     

    Thanks,

    Chandresh

     

    • Proposed as answer by Sven W Sunday, September 4, 2011 1:41 PM
    • Marked as answer by Wilson Projects Monday, September 5, 2011 2:38 AM
    Thursday, September 1, 2011 2:50 AM

All replies

  • You can choose between: -


    Steven Andrews | SharePoint Professional | http://www.twitter.com/backpackerd00d | https://baron72.wordpress.com/
    Wednesday, August 31, 2011 3:24 PM
    Answerer
  • Thanks Steven,

    Appreciate your answer as it given me three choices. However, I would like to know more about how I proceed for choice number 3 - Utilizing the YouTube API. (Is there a beginner guide on how to use and apply those codes?)

    Also, may I know if it would be better if using a flash video player (inside a *.aspx file in SharePoint) to play videos from a SharePoint list or SharePoint document gallery library? And also it would be nice if you can recommend some great flash video player that can fulfill the requirement.)

    Thanks.

    Wilson

    Thursday, September 1, 2011 1:17 AM
  • Hi Wilson,

     

    You can try Flowplayer (http://flowplayer.org/index.html). I had same requirenment same like you before and i have used Flowplayer.

     

    Thanks,

    Chandresh

     

    • Proposed as answer by Sven W Sunday, September 4, 2011 1:41 PM
    • Marked as answer by Wilson Projects Monday, September 5, 2011 2:38 AM
    Thursday, September 1, 2011 2:50 AM

  • Thanks Chandresh for your solution. Your solution is very close to what I want, especially for those below:

    [1] http://flowplayer.org/demos/plugins/javascript/playlist/js-controls.html (Strange, I could not view the preview picture of the videos in the playlist. Do you have such problem?)

    [2] http://flowplayer.org/demos/plugins/javascript/playlist/scrollable.html

    [3] http://flowplayer.org/demos/plugins/javascript/playlist/instream.html

    [4] http://flowplayer.org/demos/plugins/javascript/playlist/rss.html

    [5] http://flowplayer.org/demos/plugins/javascript/playlist/medialist.html

    I have tested the application and was well done. (There are still improvements can be made such as the application can display the time frame on the descriptions without one need to manual enter it.)

    However, there is a few missing parts, which is - is it possible to retrieve the video files, pictures files from a SharePoint document library (otherwise, I have to insert those videos files and pictures files links into the playlist file)? and also is it possible to customize whether all of the video files and/or pictures files to be retrieve or just the latest X (where X is a number of 2 to 10 or any - to be flexible) video or picture files to be display in the playlist?

    The application require a playlist code as below

     

    <div id="playlist">
    
    	<a href="videoplayer/videos/KimAronson-TwentySeconds59483.flv">
    		<img src="videoplayer/preview/palmtree.jpg" width="120" height="90"/>
    
    		<strong>Palm trees and a sun</strong><br /><br />And a subtitle.		
    		<em>0.22</em>
    	</a>
    
    	<a href="videoplayer/videos/KimAronson-TwentySeconds58192.flv">
    		<img src="videoplayer/preview/feet.jpg" width="120" height="90"/>
    		<strong>Playing around with toes</strong><br /><br />And a subtitle.		
    		<em>0.22</em>
    
    	</a>
    
    	<a href="videoplayer/videos/KimAronson-TwentySeconds63617.flv">
    		<img src="videoplayer/preview/park.jpg" width="120" height="90"/>
    		<strong>Small lake and a bicycle</strong><br /><br />And a subtitle.		
    		<em>0.22</em>
    	</a>
    
    	<a href="videoplayer/videos/KimAronson-TwentySeconds64268.flv">
    
    		<img src="videoplayer/preview/room215.jpg" width="120" height="90"/>
    		<strong>Hotel Room 215 in San Fransisco</strong><br /><br />And a subtitle.		
    		<em>0.22</em>
    	</a>
    	
    	<a href="videoplayer/videos/KimAronson-TwentySeconds67463.flv">
    		<img src="videoplayer/preview/hebrew.jpg" width="120" height="90"/>
    		<strong>Some Hebrew writings</strong><br /><br />And a subtitle.		
    		<em>0.22</em>
    
    	</a>
    
    	<a href="videoplayer/videos/KimAronson-TwentySeconds65459.flv">
    		<img src="videoplayer/preview/bridge.jpg" width="120" height="90"/>
    		<strong>Driving Golden gate bridge</strong><br /><br />And a subtitle.		
    		<em>0.22</em>
    	</a>
    
    	<a href="videoplayer/videos/KimAronson-TwentySeconds70930.flv">
    
    		<img src="videoplayer/preview/sushi.jpg" width="120" height="90"/>
    		<strong>Eating Sushi</strong><br /><br />And a subtitle.		
    		<em>0.22</em>
    	</a>	
    	
    </div>
    
    

     


    As noticed, there is a pattern. It requires the following:

    [1] The link to the video inside a SharePoint documents library

    [2] The link to the picture inside a SharePoint documents library (can be store together with the SharePoint document library that hold the videos)

    [3] The title inside a SharePoint list library

    [4] The description (could be also together with the title inside a SharePoint list library)

    [5] The video length (can be retrieve from the SharePoint documents library that hold the videos)

    So, what it need is a unique key / ID to identify which video, picture, title, description and video length belong to a set. With that unique key / ID, all we need is to loop though a while or for loop to retrieve those information.

    The above coding idea is just a draft. Appreciate if anyone have any ideas to convert the draft logic into real code.

     

    Thanks.

    Wilson

     




    • Edited by Wilson Projects Friday, September 2, 2011 2:24 AM Added codes & draft logic
    • Edited by Mike Walsh FIN Monday, September 5, 2011 7:23 AM STOP NOW using full quote. I will start deleting your posts if you continues doing this.
    Thursday, September 1, 2011 5:08 AM