YouTube Music Videos

From OpenSocial Directory

Jump to: navigation, search
Thumbnail
mymusik-thumb.gif
Application Details
Description Create music video playlists, get recommendations for similar artists, share them with your friends and save them to your profile.
Publisher mymusik.us
Author Sanjay Krishnamurthy
Code http://www.mymusik.us:8080/ggadget/canvas-html.xml
Genre MusicVideo
Screenshot
orkut-Screenshot.png

Image:Example.jpg==Reviews== Add a Review
Template:YouTube Music Videos Reviews

[edit] Comments

Leave a comment

Your Name:
Heading:
Comment:


[edit] Code

View Code

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs height="550" width="550" title="Music Videos"
  author="Sanjay Krishnamurthy" author_email="sanjay@infinear.com"
  author_affiliation="mymusik.us" author_location="Cupertino, CA, USA"
  >
    <Require feature="tabs" />
    <Require feature="opensocial-0.5" />
    <Require feature="dynamic-height" />
    <Require feature="setprefs" />
    <Require feature="flash" />
  </ModulePrefs>
  <UserPref name="profilecontents" datatype="hidden" />
  <Content type="html"><![CDATA[

     <link rel="stylesheet"         href="http://www.mymusik.us:8080/ggadget/v3.8/mycss.css" type="text/css" media="all" />
      <!-- opensocial doesnt instantiate this 
      script type="text/javascript" src="http://www.mymusik.us:8080/ggadget/v3.8/swfobject.js"></script-->
     <script type="text/javascript" src="http://www.mymusik.us:8080/ggadget/v3.8/outlined.js"></script>
     <script type="text/javascript" src="http://www.mymusik.us:8080/ggadget/v3.8/xml2json.js"></script>
     <script type="text/javascript" src="http://www.mymusik.us:8080/ggadget/v3.8/persist.js"></script>
     <script type="text/javascript" src="http://www.mymusik.us:8080/ggadget/v3.8/recosXML.js"></script>

     <style type="text/css">
@import url(http://www.google.com/ig/tablib.css);
     </style>

     <script type="text/javascript">

        //Add global tab variable
        var tabs;

        function init() {

	   //Create tabs for larger set of user views
           tabs	= new _IG_Tabs("mymusik");
           tabs.addTab("Music Videos", "friends", callback);
           tabs.addTab("Invite",       "friends", callback); 

           //Resize to correct size
           _IG_AdjustIFrameHeight();
        } //init

        // Callback that redraws the mainpage depending on
        // which tab is clicked
        function callback(tabId) {

           if (tabs.getSelectedTab().getIndex() == 0) {
              showMainForm();
           }
           else {
              addInviteForm();
            } 
        }//callback


       // Call init function to initialize and display tabs.
       _IG_RegisterOnloadHandler(init);
    </script>

    <body text=#000000 link=#0000cc vlink=#551a8b alink=#ff0000  topmargin=3 marginheight=3> 

    <!--Control layout of page with this div -->
    <div class="mainpage" id="mainpage">
       <table border="0" cellspacing="2" cellpadding="1">
	<tbody align="left">
          <!--Customize the form submit location -->
          <form  onsubmit="dofetch(this.query.value); return false" action="javascript:void%200" name="QueryInput"> 
	  <tr align=center valign=top> 
            <td align="left" rowspan=3 width="120">
	       <!--
<a href="http://www.facebook.com/apps/application.php?id=2515306399"><img src="ggadget/v3.8/mymusik_blue.gif">
	       </a> 
		-->
<p>Enter Artist:</p><input name="query" maxlength=2048 size=23 title="Enter Artist" class="qinput"/> 
            </td>
	     <td colspan=2> 
	

	     </td>
   	     
             <td align=left colspan=1 rowspan=5 width="220" valign="top"><div id="PlaylistHeader" class="PlaylistHeader"> <p id="pheader">A Sample Video Playlist</p></div>
	      <div id="VideoLinks" class="VideoLinks"  style="height:420px; overflow:auto;">
	      </div> <!-- video links -->
	     </td>

          </tr>
	  <tr align=center valign=top> 
	     <td rowspan=1 width="50" align="right"> 
               <input name="genNoReco" type="submit" onclick="javascript:doArtistOnly();" value="Artist Only" class="btn" onmouseover="this.className='btn btnhov'" onmouseout="this.className='btn'"/> 
	     </td>
	     <td rowspan=1 width="50" align="left"> 
	       <input name="genReco" type="submit" onclick="javascript:doRecos();" class="btn" value="Recommendations" onmouseover="this.className='btn btnhov'" onmouseout="this.className='btn'"/> 
             </td>
          </tr>
	  <tr align=center valign=top> 
	     <td colspan=2 rowspan=1 width="50" align="center"> 
               <input name="publishToProfile" type="submit" onclick="javascript:setPublishFlag();" value="Save To Profile" class="btn" onmouseover="this.className='btn btnhov'" onmouseout="this.className='btn'"/> 
	     </td>
          </tr>
        </form>

	<tr >
	  <td colspan=3 >
	    <div id="leftpane">

                <!-- Please refer to the google gadgetads tutorial for embedding flash -->
		<div id="player">
		</div> 
		<script type="text/javascript">
                  setDefaultVideoList(); //this sets the defaultVideos global var

                  //Instantiate an OpenSocial version of the shockwave player
                  var url    = "http://mymusik.us:8080/ggadget/v3.8/mediaplayer.swf";

                  _IG_EmbedFlash(url, _gel("player"), 
                     {  swf_version: 8,
                        width: 400,
		        height: 350,
                        flashvars: 'file=' + _esc(defaultVideos) + '&allowfullscreen=true' +
		                    '&enablejs=true' + '&usecaptions=true' +
		                    '&shuffle=false' + '&width=400' + '&height=350' +
		                    '&autostart=false' + '&repeat=true' +
		                    '&javascriptid=mpl' 
                      }); 

                  //Invoke function to manipulate playlists AFTER player is setup
                  sf();
		</script>
		</div>
	    </td>
			

	  </tr>
	</tbody>
      </table>
    </div>

    <div style="display:none" id="aboutme"><p>Add my info  here</p></div>
    <div style="display:none" id="aboutmyfriends"><p>Add my friends info  here</p></div>
    <div style="display:none" id="myfavs"><p>Add my fav videos  here</p></div>
    <div style="display:none" id="myfriendsfavs"><p>Add friends' favs here</p></div>
    <div style="display:none" align="center" id="invitepage"><p>Send a message to your friends about this application</p></div>

    <!-- Inserted for debugging AJAX calls -->
    <div style="display:none" id="queueMsg"><p>State of the AJAX queue</p></div>
    <div style="display:none" id="queueInCall"><p>Is an AJAX call in flight</p></div>
    <div style="display:none" id="queueTest"><p>List of queued AJAX calls</p></div>
  </body>

  ]]></Content>
</Module>

Page Rating

Rating: 3.1/5 (8 votes cast)

Personal tools
communication