There may be times when you want to view a webpage through Media Centre, for example to view local weather or cinema listings, and this is something that is easily achievable. This post will take you through the steps, and whilst I’ve used Windows 7 for my screenshots the same technique works on Windows XP Media Centre Edition as well.
The webpage
The first thing to do is to get the URL of the webpage that you’re after. Media Centre will use Internet Explorer to render the page, so it must be a page that works properly with the version installed on your PC. The other thing to remember is that whilst Media Centre is happy to display webpages, you cannot navigate around once it’s been displayed. You can only use the arrow keys to scroll left/right/up/down as appropriate.
The MCL file
In order for Media Centre to know about the webpage a specifically formatted XML file needs creating. I shall use an example to show my local cinema listings and then go through the pieces that need to be set:
The url is the exact address of the webpage you want to display, all on one line.
Name is the text you want to appear next to the item in Media Centre
bgcolor is the background colour that should be used when displaying the webpage. I’ve used plain white, but you can use any colour you like by setting the appropriate Red, Green and Blue values.
startimage and thumbnailimage are both paths to a PNG format image that you want to use as the icon within Media Centre. If needed you can use Windows Paint to save the image as a PNG.
sharedviewport is used to control the behaviour of any video that is playing at the time. Setting it to “false” is equivalent to pressing the stop button.
This file should be saved as a .mcl file, my example file is called “showcase.mcl”. Save both .mcl and .png files in the following location, depending on which version of Windows you have and whether you want the webpage accessible to all users on this Media Centre computer, including to extenders, or just to one specific user:
Windows XP Media Centre Edition
For all users:
C:\Documents and Settings\All Users\Start Menu\Programs\Accessories\Media Center\Media Center Programs
For one specific user:
C:\Documents and Settings\<username>\Start Menu\Programs\Accessories\Media Center\Media Center Programs
Windows 7
For all users:
C:\ProgramData\Microsoft\Windows\Start Menu\Programs\Accessories\Media Center\Media Center Programs
For one specific user:
C:\Users\<username>\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\Accessories\Media Center\Media Center Programs
Depending on your personal settings you may need to show hidden files in order to browse to this location in Windows Explorer. On Windows 7 you will probably also need to create the last two folders.
Viewing the webpage
To use your newly created webpage link start up Media Centre and go up to the Extras Library where you will find your icon.
Simply click on it and Media Centre will load the page.
On your first time viewing a webpage through Media Centre you are likely to encounter a pop up message telling you that this page wasn’t designed for Media Centre. I suggest just choosing the “Don’t ask me this again” option and pressing View Now. It’s basically a warning that you won’t be able to navigate around a regular webpage through Media Centre, but since you carefully chose the page you want (didn’t you?) this won’t be an issue.
You may also like to right click the icon (or press i on the remote) and choose to “Add to Start Menu”. This will place a copy of the icon onto the Extras menu and mean that you don’t need to go into the Extras Library to use it again.
All done!
That’s it. Use the file above as a template to modify for the webpages you want, save and use.
*Just one proviso…
Microsoft has deprecated the use of .mcl files to add items to Media Centre, so whilst they still work in Windows 7 there is every possibility that some future version of Media Centre will remove the functionality. There is an alternative supported method which, whilst not terribly hard, is a lot more hassle than saving a file in the right place and having everything “just work”.
5 thoughts on “Displaying a webpage inside Windows 7 Media Centre”
Great article….a few questions:
1)Is it possible to add the ability to do some basic navigation/selection ability to this method in the future or is WMC totally locked down by Microsoft in this regard.
2) should websites using flash display correctly in WMC using this method?
Ultimately where I’m going with this is that I’d like to be able to use Sling.com from within Media Center to access my Slingbox.
1) I think it’s locked down without hope of change. Even if you have a mouse attached and use it to click on a link then Media Centre just ignores you.
2) As long as you have Flash installed then it should display just fine. The page should look exactly like it would in IE. Might not be so good on an extender though.
I use Mozilla Prism and Media Center Studio to get around the issues with navigation and offer a little more flexibility. I created a YouTube tutorial on this here:
Hi and thanks for the artiicle. I was trying to set up youtube/leanback for use within MCE. I created the .mcl file and .png file as explained in the article and created the dirs for them in C:\ProgramData\Microsoft\Windows\Start Menu\Programs\Accessories\Media Center\Media Center Programs. However, the icon and application do not show up in the Extras Library. I have Win 7 SP1 with IE9. Any help with what might be wrong would be appreciated.
If you look closely at the mcl then the quotes are not simple straight ones, but have been 66/99d when I typed the article up in Word originally. Change them to straight quotes and it’ll work. I’ll see if I can correct them in the blog post as well, and also see if I can get the pictures restored.
{"id":null,"mode":"button","open_style":"in_place","currency_code":"GBP","currency_symbol":"\u00a3","currency_type":"decimal","blank_flag_url":"https:\/\/thedigitallifestyle.com\/w\/wp-content\/plugins\/tip-jar-wp\/\/assets\/images\/flags\/blank.gif","flag_sprite_url":"https:\/\/thedigitallifestyle.com\/w\/wp-content\/plugins\/tip-jar-wp\/\/assets\/images\/flags\/flags.png","default_amount":500,"top_media_type":"none","featured_image_url":false,"featured_embed":"","header_media":null,"file_download_attachment_data":null,"recurring_options_enabled":true,"recurring_options":{"never":{"selected":true,"after_output":"One time only"},"weekly":{"selected":false,"after_output":"Every week"},"monthly":{"selected":false,"after_output":"Every month"},"yearly":{"selected":false,"after_output":"Every year"}},"strings":{"current_user_email":"","current_user_name":"","link_text":"Leave a tip","complete_payment_button_error_text":"Check info and try again","payment_verb":"Pay","payment_request_label":"TheDigitalLifestyle.com","form_has_an_error":"Please check and fix the errors above","general_server_error":"Something isn't working right at the moment. Please try again.","form_title":"TheDigitalLifestyle.com","form_subtitle":null,"currency_search_text":"Country or Currency here","other_payment_option":"Other payment option","manage_payments_button_text":"Manage your payments","thank_you_message":"Thank you for being a supporter!","payment_confirmation_title":"TheDigitalLifestyle.com","receipt_title":"Your Receipt","print_receipt":"Print Receipt","email_receipt":"Email Receipt","email_receipt_sending":"Sending receipt...","email_receipt_success":"Email receipt successfully sent","email_receipt_failed":"Email receipt failed to send. Please try again.","receipt_payee":"Paid to","receipt_statement_descriptor":"This will show up on your statement as","receipt_date":"Date","receipt_transaction_id":"Transaction ID","receipt_transaction_amount":"Amount","refund_payer":"Refund from","login":"Log in to manage your payments","manage_payments":"Manage Payments","transactions_title":"Your Transactions","transaction_title":"Transaction Receipt","transaction_period":"Plan Period","arrangements_title":"Your Plans","arrangement_title":"Manage Plan","arrangement_details":"Plan Details","arrangement_id_title":"Plan ID","arrangement_payment_method_title":"Payment Method","arrangement_amount_title":"Plan Amount","arrangement_renewal_title":"Next renewal date","arrangement_action_cancel":"Cancel Plan","arrangement_action_cant_cancel":"Cancelling is currently not available.","arrangement_action_cancel_double":"Are you sure you'd like to cancel?","arrangement_cancelling":"Cancelling Plan...","arrangement_cancelled":"Plan Cancelled","arrangement_failed_to_cancel":"Failed to cancel plan","back_to_plans":"\u2190 Back to Plans","update_payment_method_verb":"Update","sca_auth_description":"Your have a pending renewal payment which requires authorization.","sca_auth_verb":"Authorize renewal payment","sca_authing_verb":"Authorizing payment","sca_authed_verb":"Payment successfully authorized!","sca_auth_failed":"Unable to authorize! Please try again.","login_button_text":"Log in","login_form_has_an_error":"Please check and fix the errors above","uppercase_search":"Search","lowercase_search":"search","uppercase_page":"Page","lowercase_page":"page","uppercase_items":"Items","lowercase_items":"items","uppercase_per":"Per","lowercase_per":"per","uppercase_of":"Of","lowercase_of":"of","back":"Back to plans","zip_code_placeholder":"Zip\/Postal Code","download_file_button_text":"Download File","input_field_instructions":{"tip_amount":{"placeholder_text":"How much would you like to tip?","initial":{"instruction_type":"normal","instruction_message":"How much would you like to tip? Choose any currency."},"empty":{"instruction_type":"error","instruction_message":"How much would you like to tip? Choose any currency."},"invalid_curency":{"instruction_type":"error","instruction_message":"Please choose a valid currency."}},"recurring":{"placeholder_text":"Recurring","initial":{"instruction_type":"normal","instruction_message":"How often would you like to give this?"},"success":{"instruction_type":"success","instruction_message":"How often would you like to give this?"},"empty":{"instruction_type":"error","instruction_message":"How often would you like to give this?"}},"name":{"placeholder_text":"Name on Credit Card","initial":{"instruction_type":"normal","instruction_message":"Enter the name on your card."},"success":{"instruction_type":"success","instruction_message":"Enter the name on your card."},"empty":{"instruction_type":"error","instruction_message":"Please enter the name on your card."}},"privacy_policy":{"terms_title":"Terms and conditions","terms_body":null,"terms_show_text":"View Terms","terms_hide_text":"Hide Terms","initial":{"instruction_type":"normal","instruction_message":"I agree to the terms."},"unchecked":{"instruction_type":"error","instruction_message":"Please agree to the terms."},"checked":{"instruction_type":"success","instruction_message":"I agree to the terms."}},"email":{"placeholder_text":"Your email address","initial":{"instruction_type":"normal","instruction_message":"Enter your email address"},"success":{"instruction_type":"success","instruction_message":"Enter your email address"},"blank":{"instruction_type":"error","instruction_message":"Enter your email address"},"not_an_email_address":{"instruction_type":"error","instruction_message":"Make sure you have entered a valid email address"}},"note_with_tip":{"placeholder_text":"Your note here...","initial":{"instruction_type":"normal","instruction_message":"Attach a note to your tip (optional)"},"empty":{"instruction_type":"normal","instruction_message":"Attach a note to your tip (optional)"},"not_empty_initial":{"instruction_type":"normal","instruction_message":"Attach a note to your tip (optional)"},"saving":{"instruction_type":"normal","instruction_message":"Saving note..."},"success":{"instruction_type":"success","instruction_message":"Note successfully saved!"},"error":{"instruction_type":"error","instruction_message":"Unable to save note note at this time. Please try again."}},"email_for_login_code":{"placeholder_text":"Your email address","initial":{"instruction_type":"normal","instruction_message":"Enter your email to log in."},"success":{"instruction_type":"success","instruction_message":"Enter your email to log in."},"blank":{"instruction_type":"error","instruction_message":"Enter your email to log in."},"empty":{"instruction_type":"error","instruction_message":"Enter your email to log in."}},"login_code":{"initial":{"instruction_type":"normal","instruction_message":"Check your email and enter the login code."},"success":{"instruction_type":"success","instruction_message":"Check your email and enter the login code."},"blank":{"instruction_type":"error","instruction_message":"Check your email and enter the login code."},"empty":{"instruction_type":"error","instruction_message":"Check your email and enter the login code."}},"stripe_all_in_one":{"initial":{"instruction_type":"normal","instruction_message":"Enter your credit card details here."},"empty":{"instruction_type":"error","instruction_message":"Enter your credit card details here."},"success":{"instruction_type":"normal","instruction_message":"Enter your credit card details here."},"invalid_number":{"instruction_type":"error","instruction_message":"The card number is not a valid credit card number."},"invalid_expiry_month":{"instruction_type":"error","instruction_message":"The card's expiration month is invalid."},"invalid_expiry_year":{"instruction_type":"error","instruction_message":"The card's expiration year is invalid."},"invalid_cvc":{"instruction_type":"error","instruction_message":"The card's security code is invalid."},"incorrect_number":{"instruction_type":"error","instruction_message":"The card number is incorrect."},"incomplete_number":{"instruction_type":"error","instruction_message":"The card number is incomplete."},"incomplete_cvc":{"instruction_type":"error","instruction_message":"The card's security code is incomplete."},"incomplete_expiry":{"instruction_type":"error","instruction_message":"The card's expiration date is incomplete."},"incomplete_zip":{"instruction_type":"error","instruction_message":"The card's zip code is incomplete."},"expired_card":{"instruction_type":"error","instruction_message":"The card has expired."},"incorrect_cvc":{"instruction_type":"error","instruction_message":"The card's security code is incorrect."},"incorrect_zip":{"instruction_type":"error","instruction_message":"The card's zip code failed validation."},"invalid_expiry_year_past":{"instruction_type":"error","instruction_message":"The card's expiration year is in the past"},"card_declined":{"instruction_type":"error","instruction_message":"The card was declined."},"missing":{"instruction_type":"error","instruction_message":"There is no card on a customer that is being charged."},"processing_error":{"instruction_type":"error","instruction_message":"An error occurred while processing the card."},"invalid_request_error":{"instruction_type":"error","instruction_message":"Unable to process this payment, please try again or use alternative method."},"invalid_sofort_country":{"instruction_type":"error","instruction_message":"The billing country is not accepted by SOFORT. Please try another country."}}}},"fetched_oembed_html":false}
Great article….a few questions:
1)Is it possible to add the ability to do some basic navigation/selection ability to this method in the future or is WMC totally locked down by Microsoft in this regard.
2) should websites using flash display correctly in WMC using this method?
Ultimately where I’m going with this is that I’d like to be able to use Sling.com from within Media Center to access my Slingbox.
Hi, thanks for the feedback.
1) I think it’s locked down without hope of change. Even if you have a mouse attached and use it to click on a link then Media Centre just ignores you.
2) As long as you have Flash installed then it should display just fine. The page should look exactly like it would in IE. Might not be so good on an extender though.
I use Mozilla Prism and Media Center Studio to get around the issues with navigation and offer a little more flexibility. I created a YouTube tutorial on this here:
http://www.youtube.com/rix480#p/a/u/1/fQJhklk98GU
Hi and thanks for the artiicle. I was trying to set up youtube/leanback for use within MCE. I created the .mcl file and .png file as explained in the article and created the dirs for them in C:\ProgramData\Microsoft\Windows\Start Menu\Programs\Accessories\Media Center\Media Center Programs. However, the icon and application do not show up in the Extras Library. I have Win 7 SP1 with IE9. Any help with what might be wrong would be appreciated.
If you look closely at the mcl then the quotes are not simple straight ones, but have been 66/99d when I typed the article up in Word originally. Change them to straight quotes and it’ll work. I’ll see if I can correct them in the blog post as well, and also see if I can get the pictures restored.
Sorry about that.