Channel 9 Full Screen Video Player: My first Bookmarklet

I really enjoy watching videos from Channel 9, Microsoft’s community site that targets users and developers. It is a great way to keep updated on the latest technologies and learn more about future products before they come out. The only thing that I don’t like is that the website is not very user friendly for people that have multiple monitors. This surprises me, as most developers that I know use at least two monitors, sometimes three or four. Even after their recent layout change, which increased the size of the video player significantly, the embedded video player is still too small to be able to read code from screencasts. There is of course a full screen button, but this doesn’t really work when multitasking on multiple monitors as it will close as soon as you click on another browser or window on another screen. Both Silverlight and Flash have this issue, which they consider to be a security feature, but it renders the full screen mode worthless useless you stop using your second monitor while watching the video.

Currently there are only two workarounds to the Silverlight/Flash full screen issue, both of which YouTube has already implemented using buttons at the top of the video player. The first is enlarging the video so that it takes up more of the page, and the second is opening it in a new page that can be resized to as large or small as you want. Alternatively you can use a different video player such as the embedded Windows Media Player, but while the WMV links on Channel 9 display full screen in the browser they sometimes have buffering or quality issues and cannot take advantage of the Smooth Streaming that the Silverlight player can offer. All I really wanted was a way to enlarge the video to fit the full width of the browser window, so I figured why not just write a script to do it?

Bookmarklets are essentially small snippets of javascript code that live in a browser’s favorites and do simple things like opening a Wikipedia box for searching, Subscribe/Share/Note the current webpage in Google Reader, using Google SideWiki, or adding any item to an Amazon Wishlist. Due to cross-site scripting restrictions implemented in most browsers they are relatively safe, so they shouldn’t be able to drain your bank account or spam all your friends on Facebook. Plus unlike Greasemonkey scripts they will only run when you click on the link in your favorites, so they won’t slow down or change your normal browsing habits. This seems like a perfect fit for resizing the Silverlight video player on Channel 9.

So after dissecting the way that the Google bookmarklets worked I started coding my own. If you want to try it out you can simply drag this link to your favorites (or right click and select "Add to Favorites"): C9FullScreen and then click on the new link that it created after browsing to your favorite Channel 9 video. To see how it works, here is the code that gets embedded into the C9FullScreen link:

javascript:b=document.body;if(b&&!document.xmlVersion){void(z=document.createElement('script'));void(z.src='http://www.theg2.net/bookmarklets/C9SLFullScreen.js');void(b.appendChild(z));}else{alert('Bookmarklet-Failed');}

And here is the script that gets injected into the page to resize the video:

//C9FullScreen: Increases the size of the Silverlight player to the full width of the window //Works with Internet Explorer, Safari, Firefox, and Chrome //Author: Greg Bray //Information: http://codeblog.theg2.net/2009/11/channel-9-full-screen-video-player-my.html //Blog: http://blog.theg2.net //License: Released to Public Domain //Version 1.1 released 5/22/2010 to use new zap file and fix issue with http://channel9.msdn.com/learn/courses/SharePoint2010Developer/SharePoint2010DeveloperRoadmap/SharePoint2010IntegrationwithPowerShell/ //alert('Start JS Code'); //Reverse a string. Used to get PID from URL //Code From: http://www.bytemycode.com/snippets/snippet/400/ String.prototype.reverse = function(){ splitext = this.split(""); revertext = splitext.reverse(); reversed = revertext.join(""); return reversed; } //Method to enlarge the Channel 9 Silverlight Player. function C9SLFullScreen(){ var b=document.body; var d=document.getElementById('ctl00_MainPlaceHolder_Starter_MediaPlayer'); if(d){ //Good test video is http://channel9.msdn.com/posts/Charles/Introducing-Click-to-Run-in-Office-2010/ //alert("Player DIV found. Now check if Silverlight Player is already loaded."); o = d.getElementsByTagName('object'); if(o.length==1){ //Video is already playing //alert('Player already loaded. Clear player and grab URL/PID'); if(navigator.userAgent.toLowerCase().indexOf('chrome/') > -1){ alert('Player has already loaded. Resizing the video in Chrome will cause the player to load a partial version of the clip from the cache. Please refresh the page and try going C9FullScreen before starting the video.'); } else { myregexURL = /m=(.+),autostart=/ //Regex to get video URL from object myregex = /\/ch9((?:\/\d)+)\// //Regex to get pid from video url mURL=myregexURL.exec(d.getElementsByTagName('object')[0].getElementsByTagName('param')[1].value)[1]; mpID= myregex.exec(mURL); //Match regex pID = mpID[1].replace(/\//g,""); pID = pID.reverse(); //alert("pID:"+pID+"\r\n"+mURL); d.removeChild(o[0]);//Remove active Silverlight object. Use o[0] to reference the player object } } else { //Video player not loaded. Grab movie url and pid. myregex = /\/ch9((?:\/\d)+)\// mURL=d.getElementsByTagName('a')[0].href; mpID= myregex.exec(mURL); //Match regex if(mpID){ pID = mpID[1].replace(/\//g,""); pID = pID.reverse(); } else { //Learn/Courses videos do not include the id in the url, so grab it from the rdf tag. UPDATE 7/23/2010: Now standard C9 shows don't include it in the URL either! myregex2 = /\/(\d+)\/Trackback.aspx/ dSummary = document.getElementById("contents"); if(dSummary){ strHtml = dSummary.innerHTML; pID = myregex2.exec(strHtml)[1]; } else { alert("Error: Cannot find trackback element containing video ID."); return; } } //alert("pID:"+pID+"\r\n"+mURL); } //Hide bar at top document.getElementById("cb_main").style.display = "none"; document.body.style.padding = "0 0 0 0"; //Get window size (Leave a little extra as some browsers will act strange with the scroll bar. var h = window.innerHeight || document.documentElement.clientHeight || document.getElementsByTagName('body')[0].clientHeight; var w = window.innerWidth || document.documentElement.clientWidth || document.getElementsByTagName('body')[0].clientWidth; z=document.createElement('div'); //Set Style (see http://www.comptechdoc.org/independent/web/cgi/javamanual/javastyle.html) //z.style.position = "absolute"; //z.style.left = "20px"; //z.style.top = "200px"; intW = (w-35); intH = (h-20); z.style.width = intW+"px"; z.style.height = intH+"px"; z.style.marginLeft = "5px"; z.style.marginTop = "5px"; z.style.marginBottom = "10px"; z.style.backgroundColor = "LightGrey"; z.style.border = "medium solid black"; //z.innerHTML = s;//'<center>'+s+'</center>'; bStart ="true"; //true=Starts onload, false=waits for click. Download will start immediatly, so true is recommended. NOTE: the AutoHide feature does not work (must be set to true otherwise it is always hidden). z.innerHTML = '<object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="'+intW+'" height="'+intH+'"><param name="source" value="http://channel9.msdn.com/App_Themes/default/VideoPlayer10_01_18.xap" /><param name="initParams" value="m='+mURL+',autostart='+bStart+',autohide=true,showembed=true,postid='+pID+'" /><param name="background" value="#00FFFFFF" /><a href="http://go.microsoft.com/fwlink/?LinkID=124807" style="text-decoration: none;"><img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style: none"/></a></object>' b.insertBefore(z, b.firstChild); }else{ alert('ctl00_MainPlaceHolder_Starter_MediaPlayer not found. Make sure Channel 9 video page is loaded. Note: this does not work on the main homepage'); } } C9SLFullScreen(); //alert('End JS Code');

And here is the result: A full screen video... Enjoy!

Short .Net Reflector Training Video from Pluralsight

Today’s Simple-Talk newsletter had a video from http://www.pluralsight.com that talked about the basic features of Red Gate’s .NET Reflector. If you are not familiar with the .NET Reflector, I highly recommend you give it a try, as it is by far one of the best .NET tools available. This short 14 minute video walks you through most of the features of the program and shows you why it can be so useful. I’ve used .NET Reflector for system testing or when a library’s documentation is incomplete or out of date. The video doesn’t cover the Analyze feature for finding all class references and dependencies, and it doesn’t talk about all the cool plug-ins you can add, but it does provide a great introduction to a very powerful tool! 

Texas Holdem Hand Equity Calculation in IronPython

This year I have been working in my free time to create easy to use Texas Holdem poker spreadsheets based on IronPython using Resolver One. These spreadsheets can be used to calculate Win/Tie/Loss odds, but some people like to use hand equity instead since it represents a player’s overall stake in the pot. Equity of 1.0 or 100% means that they will win the entire pot, where as equity of 0.5 (50%) or 0.25 (25%) means that they will split the pot with other players. You can again use Monte Carlo analysis to run a number of trials before all of the board cards are dealt to estimate a player’s current equity in the hand. This means that if during 4 trials I would win 2 of them and split the pot with one other player on the other 2, then my equity would be (1.0+1.0+0.5+0.5)/4 =  3/4 or 75%.

Calculating Win/Tie/Loss statistics on an independent player vs player basis is very simple, as the player’s pocket cards are evaluated against each opponent one at a time to show which opponent hands are stronger or weaker than your own. This does not take into account how the pocket cards of other opponents might change the odds, since in reality you usually play verse a table of opponents not just one opponent at a time. Changing the spreadsheet to work against the whole table would require changing the Monte Carlo simulation from a “row by row” analysis to a “table by table” analysis, where by you setup a table of opponents using a random hand for each player given the information that you have about their hand (AK, KK or QQ, Group1, etc..) and then generate a random 5 card hand based on the currently dealt cards.

There are a lot of issues that you have to watch out for in this type of Multiway Isometric Ranged Equity Calculation, but the basics are simple so long as you have a method of comparing multiple player’s hands for a given board. The C# poker library that I use is mainly focused on heads-up hands, but it only took me about an hour to whip up a method that would take a board setup and a list of player pocket hands and return the scored value and equity for each hand as well as the highest ranked hand and a list of the winners. Here’s the code:

#This function can be used to calculate equity for multiple hands and a given board def HandEquity(ulBoard, lstulHands, bPrintResults=False): """Used to calculate hand equity for a given 5 card poker hand and a list of players hands. If a hand wins then it's equity is 1, a loss is 0, and a tie is 1/n where n is the number of hands that tie. ulBoard: A 5 card hand for the board represented as a 52 bit mask in an unsigned long. Use HoldemHand.Hand.ParseHand method to parse "Ac Kd Th 3c 2d" type strings into bitmasks. lstulHands: a list of 2 card pocket hand masks as unsigned longs. Invalid hands that duplicate board cards are accepted but will get None for their score and equity. Use Use HoldemHand.Hand.ParseHand("Ac Kc") or HoldemHand.PocketHands.Query("AK").ToArray() to get hand masks. bPrintResults: True will print the results to the console. Use False for fastest results. NOTE: change 'pass #print' or '#print' lines to 'print' to enable more detailed debug messages Returns a tuple of (lstintScores, lstfEquity, intHighScore, lstHighScorers): lstintScores = integer representing the scored value for each hand. If hand is invalid given the board cards, value will be None. lstfEquity = float representing the hand's equity. If hand is invalid given the board cards, value will be None. Sum of all valid hands will equal 1. intHighScore = integer representing the highest scored value (ie what the winner(s) had). Use HoldemHand.Hand.DescriptionFromHandValueInternal(intHighScore) to get a string description lstHighScorers = list of the index to each of the winners. use len(lstHighScorers) to find out how many winners there were. Example: testBoard = ((288<< (13 * 3)) + (7<< (13 * 2))) #0b100100000000000000011100000000000000000000000000 is Ts 7s 4h 3h 2h testHands = [3, 3 << 13, 3 << (13*2), int('1100',2)] #3 is 0b11 for 3c 2c, "3 << 13" is 3d 2d, "3 << (13*2)" is 3h 2h, and int('1100',2) is 4c 5c (lstintScores, lstfEquity, intHighScore, lstHighScorers) = HandEquity(testBoard, testHands)""" intTotalHands = len(lstulHands) if intTotalHands < 1: raise Exception("Error: lstulHands must have at least one hand.") if HoldemHand.Hand.BitCount(ulBoard) != 5: raise Exception("Error: ulBoard must be a 5 card hand.") if(bPrintResults): print "Start HandEquity with %d hands and board cards: %s" % (intTotalHands, HoldemHand.Hand.MaskToString(ulBoard)) lstintScores = [None]*intTotalHands #List that holds scores for all the handss lstfEquity = [None]*intTotalHands #List that holds equity values for all the hands intHighScore = -1 #The highest score currently found lstHighScorers = [] #list of the index for hands that currently have the highscore intScore = None #temp variable to hold the current score #NOTE: Hand equity will not be available until after this loop finishes! for intIndex,aHand in enumerate(lstulHands): if HoldemHand.Hand.BitCount(aHand) != 2: raise Exception("Error: Pocket hands must contain 2 cards. lstulHands index %03d HandMask=0x%0.13X contains %d cards." % (intIndex, aHand, HoldemHand.Hand.BitCount(aHand))) if(aHand & ulBoard == 0): #Make sure there are no duplicate cards on the board and hand first lstintScores[intIndex] = intScore = HoldemHand.Hand.Evaluate(aHand | ulBoard) #evaluate the hand and board cards to get the score if intScore > intHighScore: intHighScore = intScore #Set new high score lstfEquity[intIndex] = float(1) for aScoreIndex in lstHighScorers: #Reset old high scores equity to zero lstfEquity[aScoreIndex] = 0 lstHighScorers = [intIndex] #Reset high score list elif intScore == intHighScore: #There is a tied pot, so calculate partial equity lstHighScorers.append(intIndex) #Add this index to the current high score for aScoreIndex in lstHighScorers: #Reset old high scores equity to partial equity lstfEquity[aScoreIndex] = 1 / float(len(lstHighScorers)) else: lstfEquity[intIndex] = 0 #losing hand gets no equity #print "%03d: Hand %s score is %s (%d)" % (intIndex, HoldemHand.Hand.MaskToString(aHand), HoldemHand.Hand.DescriptionFromHandValueInternal(intScore),intScore) else: pass #print "%03d: Hand %s has duplicate cards. Score and Equity are None." % (intIndex, HoldemHand.Hand.MaskToString(aHand)) #Hand equity is now finished. if(bPrintResults): #Print results for each hand print "Best hand is '%s' with %d winner(s) getting %0.2f equity in the hand." % (HoldemHand.Hand.DescriptionFromHandValueInternal(intHighScore), len(lstHighScorers), 1 / float(len(lstHighScorers))) for intIndex,aHand in enumerate(lstulHands): if(lstintScores[intIndex] == None): print "%03d: Hand %s HandScore=None Equity=None." % (intIndex, HoldemHand.Hand.MaskToString(aHand)) else: print "%03d: Hand %s HandScore=%09d Equity=%0.2f." % (intIndex, HoldemHand.Hand.MaskToString(aHand), lstintScores[intIndex], lstfEquity[intIndex]) return (lstintScores, lstfEquity, intHighScore, lstHighScorers) #Return Results

Here is a sample print-out when bPrintResults is True:

testBoard = ((288<< (13 * 3)) + (7<< (13 * 2))) #0b100100000000000000011100000000000000000000000000 is Ts 7s 4h 3h 2h
testHands = [3, 3 << 13, 3 << (13*2), int('1100',2)] #Hands: 3c 2c, 3d 2d, 3h 2h, and 4c 5c
(lstintScores, lstfEquity, intHighScore, lstHighScorers) = HandEquity(testBoard, testHands, True)

Start HandEquity with 4 hands and board cards: Ts 7s 4h 3h 2h
Best hand is 'Two pair, Three's and Two's with a Ten for a kicker' with 2 winner(s) getting 0.50 equity in the hand.
000: Hand 3c 2c HandScore=033622016 Equity=0.50
001: Hand 3d 2d HandScore=033622016 Equity=0.50
002: Hand 3h 2h HandScore=None        Equity=None
003: Hand 5c 4c HandScore=016942384 Equity=0.00

This is just a first step towards a full table Monte Carlo Simulator, but it gives you all of the details that are needed to find the winner(s) for a hand and calculate hand equity. The code used to generate a random board would be the same as in the other poker spreadsheets, but the player hand selection logic would need to use some sort of Round Robin algorithm to make sure that each player gets equal access to all of their possible pocket cards. Then you would use the HandEquity method to calculate the player’s equity for each hand and aggregate the results. My next goal is to change the spreadsheet code to use multiple threads, so I probably won’t tackle multi-way analysis anytime soon.