tag:blogger.com,1999:blog-48194218044948137762024-03-13T04:02:23.939+00:00Multimedia and Linked DataThis is the world to explore research practical ideas about applying linked data into multimedia data.Anonymoushttp://www.blogger.com/profile/02633579987862060618noreply@blogger.comBlogger13125tag:blogger.com,1999:blog-4819421804494813776.post-50525405300739068602013-10-17T10:22:00.002+01:002013-12-18T14:58:59.830+00:00Are the Videos We are Watching Online Media Fragment Ready?<p>The <a href="http://www.w3.org/TR/media-frags/">Media Fragments URI (basic)</a> has been published as a W3C recommendation since Sep, 2012. It's pretty excited to see that many use cases have already come about to use media fragments for better linking and indexing of multimedia resources. A recent <a href="http://www.slideshare.net/troncy/describing-media-assets-media-fragment-specification-and-description">webniar</a> given by one of the chairs of W3C Media Fragments Working Group, Raphael Troncy, has pointed out that <a href="http://youtube.com">YouTube</a> and <a href="http://dailymotion.com">Dailymotion</a> has partially implemented the specification (See the slices below).What really interest me now is how many "big players" in this area have actually implemented or partially implemented this specification, i.e. are they "media fragment ready"? So I spent a couple of days to investigate the video sharing applications online. If you are not interested in how I did the experiment, you can jump directly to <a href="#result_table">see the result</a>.
</p>
<iframe src="http://www.slideshare.net/slideshow/embed_code/26801901?startSlide=21" width="427" height="356" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC;border-width:1px 1px 0;margin-bottom:5px" allowfullscreen> </iframe> <div style="margin-bottom:5px"> <strong> <a href="https://www.slideshare.net/troncy/describing-media-assets-media-fragment-specification-and-description" title="Describing Media Assets: Media Fragment Specification and Description" target="_blank">Describing Media Assets: Media Fragment Specification and Description</a> </strong> from <strong><a href="http://www.slideshare.net/troncy" target="_blank">Raphael Troncy</a></strong> </div>
<h3>The Methdology</h3>
<p>First things first, I needed to find out a list of websites I want to take a look at. Fortunately, I found a wikipedia page with a list of major video sharing platforms in different countries. In my opinion, some "major" players are not listed there, such as videolectures.net and ted.com. So I add them into the list and removed a couple of them as they are not public video sharing services or they are severing adult content. You can see all the 59 websites I investigated in the <a href="#result_table">final result</a>.</p>
<p>Honestly, what I did next was not contacting all the websites one by one and asking them "can you give me a URI that points to a certain time or spatial area of the video resources hosting on your website?". I just went to each website and tried the following steps to find out the answer:</p>
<ol>
<li>Open a desktop browser. I used Google Chrome for this investigation.</li>
<li>Go to the landing page of a random video. Login if necessary.</li>
<li>Right click on the player, of course it must be a flash player, and see if there is an selection called something like "Get video url at the current time". </li>
<li>On the landing page, find out whether there is any social sharing button (including the buttons emerged after you pause the video player) allowing you to share the video at a certain time point.</li>
<li>Go to Twitter and search whether any video fragment has been shared recently.</li>
<li>If none of the above works, I would make the conclusion that this website doesn't support media fragments, at least doesn't support W3C Media Fragment (basic) Specification. </li>
</ol>
<p>The methodology is not flawless and I may have missed something. So if you find anything that is not correct in the <a href="#result_table">result table</a>, please feel free to make comments and I will mend it.</p>
<h3 id="result_table">The Result Table</h3>
<p>Table 1 and 2 are my investigation results. Table 1 shows the name of the website, their implementation status of temporal and spatial fragments and the page views per day. The page views per day is obtained by myself from manually searching http://www.websiteoutlook.com/ . I am not 100% sure if they have provided the accurate data. But compared it with the <a href="http://en.wikipedia.org/wiki/Comparison_of_video_hosting_services#Site_traffic"/>site traffic data from wikipedia</a>, they seem more or less match. So currently I just trust websiteoutlook.com. All the site views data is valid in Oct,2013.</p>
<table id="mf_table2" border="1">
<caption><b>Table 1.</b> Media Fragment Compatibility on Video Hosting Services</caption>
<tr>
<th scope="col">Hoster</th>
<th scope="col">t</th>
<th scope="col">xywh</th>
<th scope="col">PageViews/Day</th>
<th scope="col">Notes</th>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/56.com" title="56.com">56.com</a></td>
<td>Partially</td>
<td>No</td>
<td>7,142,857</td>
<td><a href="#chinese_mf">Chinese→</a></td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Archive.org" title="Archive.org" class="mw-redirect">Archive.org</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">5,978,260</td>
<td></td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/AfreecaTV" title="AfreecaTV">AfreecaTV</a></td>
<td>Unknown</td>
<td>Unknown</td>
<td class="view_statistics">91,674</td>
<td><a href="#unknown_mf">Korean→</a></td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Blip.tv" title="Blip.tv" class="mw-redirect">Blip.tv</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">214,174</td>
<td></td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/BlogTV" title="BlogTV">BlogTV</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">33,475</td>
<td>Now at www.younow.com/</td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Break.com" title="Break.com">Break.com</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">804,681</td>
<td></td></tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Buzznet" title="Buzznet">Buzznet</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">120,733</td>
<td></td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Comedy.com" title="Comedy.com">Comedy.com</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">3,520</td>
<td></td></tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Crackle_(company)" title="Crackle (company)">Crackle</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">344,611</td>
<td></td></tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/DaCast" title="DaCast">DaCast</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">2,897</td>
<td>Online Video Streaming. Haven't tried.</td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Dailymotion" title="Dailymotion">Dailymotion</a></td>
<td>Partially</td>
<td>No</td>
<td class="view_statistics">11,702,127</td>
<td></td></tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/EngageMedia" title="EngageMedia">EngageMedia</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">3,426</td>
<td></td></tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/ExpoTV" title="ExpoTV">ExpoTV</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">34,042</td>
<td></td></tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Facebook" title="Facebook">Facebook</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">18,600,000</td>
<td>video since 2007. Estimated based on <a href="http://marketingland.com/facebook-558-million-video-views-36251">this report</a>.</td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Funnyordie.com" title="Funnyordie.com" class="mw-redirect">Funnyordie.com</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">506,678</td>
<td></td></tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Funshion" title="Funshion">Funshion</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">601,300</td>
<td><a href="#chinese_mf">Chinese→</a> Page views according to http://www.websitelooker.net/</td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Fotki" title="Fotki">Fotki</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">139,611</td>
<td></td></tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/GodTube" title="GodTube" class="mw-redirect">GodTube</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">68,909</td>
<td>formerly Tangle.com</td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Hulu" title="Hulu">Hulu</a></td>
<td>Partially</td>
<td>No</td>
<td class="view_statistics">3,142,857</td>
<td><a href="#unknown_mf">Area restriction→</a></td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Lafango" title="Lafango">Lafango</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">11,620</td>
<td></td></tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/LeTV" title="LeTV" class="mw-redirect">LeTV</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">3,459,119</td>
<td><a href="#chinese_mf">Chinese→</a></td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Liveleak" title="Liveleak" class="mw-redirect">Liveleak</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">1,929,824</td>
<td></td></tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Mail.ru" title="Mail.ru" class="mw-redirect">Mail.ru</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">0</td>
<td>Page views unknown as the video section is a subset of the whole website, and there is no relevant data about video views online.</td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Mefeedia" title="Mefeedia" class="mw-redirect">Mefeedia</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">173,803</td>
<td><a href="#unknown_mf">Area Restriction→</a></td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Metacafe" title="Metacafe">Metacafe</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">1,127,049</td>
<td></td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Mevio" title="Mevio">Mevio</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">52,276</td>
<td></td></tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Mobento" title="Mobento">Mobento</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">1,014</td>
<td>Focus on video search</td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Myspace" title="Myspace">Myspace</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">0</td>
<td>No data about the video views.</td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/MyVideo" title="MyVideo">MyVideo</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">553,319</td>
<td></td></tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/MUZU.TV" title="MUZU.TV">MUZU.TV</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">13,801</td>
<td></td></tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Nico_Nico_Douga" title="Nico Nico Douga" class="mw-redirect">Nico Nico Douga</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">7,746,478</td>
<td>Japanese</td>
</tr>
<td><a href="http://en.wikipedia.org/wiki/Openfilm" title="Openfilm">Openfilm</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">8,810</td>
<td></td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Photobucket" title="Photobucket">Photobucket</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">0</td>
<td>Mainly sharing photoes (5,263,157 views per day). Not sure about video views.</td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/RuTube" title="RuTube" class="mw-redirect">RuTube</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">601,750</td>
<td>Russian</td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/SAPO_(company)" title="SAPO (company)">Sapo Videos</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">0</td>
<td>Portuguese. Sapo.pt is a portal website, not sure about the video views everyday.</td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/SchoolTube" title="SchoolTube">SchoolTube</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">9,893</td>
<td></td></tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/ScienceStage" title="ScienceStage">ScienceStage</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">10,314</td>
<td></td></tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Sevenload" title="Sevenload">Sevenload</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">7,291</td>
<td></td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/SmugMug" title="SmugMug">SmugMug</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">542,138</td>
<td></td></tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Tape.tv" title="Tape.tv">Tape.tv</a></td>
<td>Unknown</td>
<td>Unknown</td>
<td class="view_statistics">41,323</td>
<td><a href="#unknown_mf">Area Restrictions→</a></td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/TED" title="TED.com">TED.com</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">722,733</td>
<td>only music videos</td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Trilulilu" title="Trilulilu">Trilulilu</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">68,293</td>
<td>Romanian</td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Tudou" title="Tudou">Tudou</a></td>
<td>Partially</td>
<td>No</td>
<td class="view_statistics">6,010,928</td>
<td><a href="#chinese_mf">Chinese→</a></td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Vbox7" title="Vbox7" class="mw-redirect">Vbox7</a></td>
<td>Partially</td>
<td>No</td>
<td class="view_statistics">319,303</td>
<td><a href="#mf_table2">Bulgarian→</a></td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Veoh" title="Veoh">Veoh</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">359,359</td>
<td></td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Vevo" title="Veoh">Vevo</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">685,358</td>
<td></td></tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Viddler" title="Viddler">Viddler</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">122,073</td>
<td></td></tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Videojug" title="Videojug" class="mw-redirect">Videojug</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">86,901</td>
<td></td></tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Videolog.tv" title="Videolog.tv">Videolog</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">79,687</td>
<td>Portuguese</td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/VideoLectures.net" title="videolectures">videolectures.net</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">6,697</td>
<td>So few views? I thought it should be more.</td></tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Vidoosh" title="Vidoosh">Vidoosh</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">3,786</td>
<td></td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Viki_(website)" title="Viki">Viki.com</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">203,628</td>
<td>Allow timed comments</td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Vimeo" title="Vimeo">Vimeo</a></td>
<td>Partially</td>
<td>No</td>
<td class="view_statistics">19,680,000</td>
<td></td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Vuze" title="Vuze">Vuze</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">54,380</td>
<td></td></tr>
<td><a href="http://en.wikipedia.org/wiki/Wildscreen.tv" title="Wildscreen.tv">Wildscreen.tv</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">987</td>
<td></td></tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Wistia" title="Wistia">Wistia</a></td>
<td>No</td>
<td>No</td>
<td class="view_statistics">153,331</td>
<td></td></tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Yahoo!_Video" title="Yahoo! Video" class="mw-redirect">Yahoo! Video</a></td>
<td>No</td>
<td>No</td>
<td>10,000,000</td>
<td>video since 2008. Estimated based on <a href="http://marketingland.com/facebook-558-million-video-views-36251">this report</a>.</td></tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Youku" title="Youku">Youku</a></td>
<td>Partially</td>
<td>No</td>
<td class="view_statistics">15,277,777</td>
<td><a href="#chinese_mf">Chinese→</a></td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/YouTube" title="YouTube">YouTube</a></td>
<td>Partially</td>
<td>No</td>
<td class="view_statistics">366,666,666</td>
<td></td></tr>
</table>
<br/>
<table id="mf_table1" border="1">
<caption><b>Table 2.</b> The Supported Media Fragment Syntax in Different Video Hosting Services</caption>
<tr>
<th scope="col">Hoster</th>
<th scope="col">Example url</th>
<th scope="col">Fragment variable</th>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/56.com" title="56.com">56.com</a></td>
<td>http://www.56.com/u92/v_OTgwMTk4NDk.html#st=737</td>
<td></td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Dailymotion" title="Dailymotion">Dailymotion</a></td>
<td>http://www.dailymotion.com/video/xjwusq&start=120 (is this a bug?)<br/>
http://www.dailymotion.com/video/xjwusq?start=120</td>
<td>"start" query in seconds</td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Hulu" title="Hulu">Hulu</a></td>
<td>http://www.hulu.com/embed.html?eid=sepr2dtbsyn7idlhbuzlbw&et=135&st=13&it=i91</td>
<td>st query as start time and et query as end time.</td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Viddler" title="Viddler">Viddler</a></td>
<td>http://www.viddler.com/v/bb2a72e9?offset=12.083&secret=32758627</td>
<td>"offset" query in seconds</td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Vimeo" title="Vimeo">Vimeo</a></td>
<td>http://vimeo.com/812027#t=214<br/>
http://vimeo.com/812027?t=214</td>
<td>"t" query or hash in seconds</td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Tudou" title="Tudou">Tudou</a></td>
<td>http://www.tudou.com/listplay/H9hyQbAj4NM/2tzZHTtq4GA.html?lvt=30</td>
<td>"lvt" query in seconds</td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/Youku" title="Youku">Youku</a></td>
<td>http://v.youku.com/v_show/id_XNjE2OTQ0MTI4.html?ev=5&firsttime=147</td>
<td>"firsttime" query in seconds</td>
</tr>
<tr>
<td><a href="http://en.wikipedia.org/wiki/YouTube" title="YouTube">YouTube</a></td>
<td>http://www.youtube.com/watch?v=Wm15rvkifPc#t=120<br/>
http://www.youtube.com/watch?v=Wm15rvkifPc?t=120<br/>
http://www.youtube.com/watch?v=Wm15rvkifPc&t=1h9m20s<br/>
http://www.youtube.com/watch?v=Wm15rvkifPc#t=1h9m20s</td>
<td>"t" query or hash in seconds or DDhDDmDDs format</td>
</tr>
</table>
<h3>Discussions</h3>
<p>I have examined totally 59 websites, but only 8 of them have implemented some notion of media fragments in their system. The syntax (at least the variable) in each website are different and most of them represent the time fragments in seconds. In addition, none of them actually expose the spatial fragment. From this point of view, the result might be a little bit disappointed (see Figure 1).</p>
<div id="mf_compatible_websites_div"></div>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
// Load the Visualization API and the piechart package.
google.load('visualization', '1.0', {'packages':['corechart']});
// Set a callback to run when the Google Visualization API is loaded.
google.setOnLoadCallback(drawChart);
// Callback that creates and populates a data table,
// instantiates the pie chart, passes in the data and
// draws it.
function drawChart() {
// Create the data table.
var data = new google.visualization.DataTable();
data.addColumn('string', 'Websites');
data.addColumn('number', 'Number');
data.addRows([
['Complete', 0],
['Partially', 9],
['None', 50]
]);
// Set chart options
var options = {'title':'Figure 1. Website Media Fragment Compatibility',
'width':480,
'height':360};
// Instantiate and draw our chart, passing in some options.
var chart = new google.visualization.PieChart(document.getElementById('mf_compatible_websites_div'));
chart.draw(data, options);
}
</script>
<p>Then, let's consider more about the page views per day. In my opinion, this is a very important reference. It shows how many videos, which users actually watch, can be further exposed by media fragments and furthermore, could be shared via social media, indexed by search engines and even linked to named entities <b>on fragment level</b>.</p>
<div id="mf_compatible_views_div"></div>
<script type="text/javascript">
// Load the Visualization API and the piechart package.
google.load('visualization', '1.0', {'packages':['corechart']});
// Set a callback to run when the Google Visualization API is loaded.
google.setOnLoadCallback(drawChart);
// Callback that creates and populates a data table,
// instantiates the pie chart, passes in the data and
// draws it.
function drawChart() {
// Create the data table.
var data = new google.visualization.DataTable();
data.addColumn('string', 'Websites');
data.addColumn('number', 'Number');
data.addRows([
['56.com', 7142857],
['Dailymotion', 11702127],
['Hulu',3142857],
['Tudou', 6010928],
['Vbox7', 319303],
['Not implemented', 59527883],
['Vimeo', 19680000],
['Youku', 15277777],
['YouTube', 366666666]
]);
// Set chart options
var options = {'title':'Figure 2. Percentage of Media Fragment Implemnetation by Daily View Times',
'width':480,
'height':360,
'pieResidueSliceLabel':"Vbox7",
'slices':{4:{offset:0.3}}};
// Instantiate and draw our chart, passing in some options.
var chart = new google.visualization.PieChart(document.getElementById('mf_compatible_views_div'));
chart.draw(data, options);
}
</script>
<p>Clearly, in Figure 2. we can see that only 12.2% of the views of the video are not related to media fragments. It's really excited to know that most videos we watched are already (at least partially) media fragment ready. This information can be interpreted in several ways. If I am a user and I want to share only part of the video with my friends, nearly 9 out of 10 chances, I can do it. More importantly, most videos that we watched, can be further indexed on fragment level. This new SEO possibility will definitely bring more traffic to websites whoever implement it. Please keep in mind that, there are still "big players" like Hulu that I haven't investigated yet. So the potential media fragment ready videos could be even larger.</p>
<h4 id="unknown_mf">Language Barrier and Area Restrictions</h4>
I cannot access some of the websites as they are limited to a certain countries and regions. And some of them are in another language other than English and Chinese. So I don't know how to proceed the methodology to find out the media fragments. Please drop me a comment if you have any update about those websites.
<h4 id="chinese_mf">Media Fragment in China</h4>
<p>I am glad to see that the largest three video sharing or delivering services in China, Tudou (土豆网), Youku(优酷) and LeTV (乐视) have already partially supported media fragments. Unlike YouTube or Dailymotion, Chinese guys give media fragments a very fashionable name "Chuanyue (穿越)", which means you can magically move something from one place to another. This calling seems confused, but what they (actually "we") want to say is that you can watch the video on any of your device, pause at any time, and start to watch from that time on any other device. So it looks like the video has been moved from one device to another and the status of the video is kept through.</p>
<h3>Conclusions and Future Work</h3>
<p>In this post, I presented some media fragments URI compatibility investigation for video sharing applications online. The result shows that even though the number of websites who implemented media fragments specification is not large, the major players in this area has already developed the notion of media fragments into their systems, even though they follow different syntax. It's very encouraging to see that nearly 90% of our daily watched videos are "media fragment ready".</p>
<p>Of course, there are many things we need to improve for this investigation, especially collecting more relevant and accurate data:</p>
<ol>
<li>It's better if we can get the video viewing data instead of page viewing data. After all, you can browser channels on YouTube without actually watching the video.</li>
<li>Find out how many videos each site host. That will be the potential videos that could be exposed by media fragments and indexed on fragment level. Well, not all of them will be treated equally because many of them may not be watched as frequently as others.</li>
<li>It will be also interesting to investigate which website can make timed comments, i.e. comments aligned with the timeline of the video. I know we can do that on YouTube and Viki. So theoretically, if they have timed comments enabled, they should have implemented the player api of jumping to a certain time point of the video. But they may not have exposed it as part of the video landing page url. </li>
</ol>
<p>This is only a kick start of a more comprehensive and maybe scientific investigation on the media fragment readiness for the video sharing services online. Now, take a wide guess of how we can use the data presented in Table 1 and Table 2. Maybe you have already got some thoughts? Leave me a comment then.</p>
<br/>
<p>P.S. I again need to mention my work about <a href="http://linkeddata.synote.org">Synote</a> and the <a href="http://mfe.synote.org">Media Fragment Enricher</a>. They are complete compatible with Media Fragment URI Specification for the video landing page :=)</p>Anonymoushttp://www.blogger.com/profile/02633579987862060618noreply@blogger.com0tag:blogger.com,1999:blog-4819421804494813776.post-46486778540160287132013-10-08T21:33:00.001+01:002013-10-08T21:33:10.102+01:00Synote Media Fragment Player v1.0: A hack of sharing media fragments on Tumblr<div class="separator" style="clear: both; text-align: left;">
We have just released a new version of <a href="http://smfplayer.synote.org/smfplayer/" target="_blank">Synote Media Fragment Player</a> (smfplayer) v1.0. Compared with the v1.0-alpha, we fixed a few bugs and did more tests on different platforms. In this blog, I am trying to explain how to use smfplayer in <a href="http://www.tumblr.com/" target="_blank">Tumblr</a>, and make it possible to share and highlight media fragments in your Tumblr blog.</div>
<h3>
The problems of sharing media fragments on social networks</h3>
<div class="separator" style="clear: both; text-align: left;">
See the following twitter message I have sent last year. I only shared a media fragment in the tweet.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://4.bp.blogspot.com/-8ro88OvfPYQ/UlQhPswYekI/AAAAAAAAA7s/uDGVg0r6beE/s1600/Screen+Shot+2013-10-08+at+16.12.54.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-8ro88OvfPYQ/UlQhPswYekI/AAAAAAAAA7s/uDGVg0r6beE/s1600/Screen+Shot+2013-10-08+at+16.12.54.png" /></a></div>
In this case, the video server must be able to handle the media fragment, i.e. parsing the fragment URI and highlight the video fragment. YouTube and Dailymotion has partially implemented this function. If you write click on the YouTube Flash player, you will see a link "copy URL at current time". Unfortunately, the string format of those URL are not compatible with the <a href="http://www.w3.org/TR/media-frags/" target="_blank">W3C Media Fragment Specification (basic)</a> and they cannot highlight spatial fragments.<br />
<br />
<div>
That is the reason we designed <a href="http://smfplayer.synote.org/smfplayer/" target="_blank">Synote Media Fragment Player</a> (smfplayer). In the <a href="http://afterglowlee.blogspot.co.uk/2013/04/synote-media-fragment-player-polyfill.html" target="_blank">previous blog</a>, I explained how to use smfplayer in <a href="http://blogger.com/">Blogger.com</a>. Theoretically, this method could be extend to other blogging or CMS systems such as <a href="http://www.wordpress.com/" target="_blank">WordPress</a>, where you have a fully control of the web-page template and the rendering of the template.</div>
<div>
<br /></div>
<div>
Well, I have to admit that smfplayer doesn't work on Twitter and Facebook as the user doesn't have any control of how Twitter and Facebook rendering the embedded video code at all. However, Tumblr is a kind of exception.</div>
<h3>
Some words about Tumblr</h3>
<div>
For anyone who doesn't know Tumblr very well, Tumblr is a new microblogging and social network platform. It's sort of like Twitter+Facebook, where you can easily share multimedia posts (images, audio and video) around your followers. You have a blog page, where all your blogs can be viewed, and you can get updates about other users' new sharings on the Dashborad. The blogs on Tumblr are usually short (one sentence, one image, etc) compared with Blogger.</div>
<div>
<br /></div>
<div>
Video sharing is very straight forward on Tumblr. You can embed video code or upload a video yourself. The challenge for me is that is it possible to use smfplayer in Tumblr?</div>
<h3>
How To?</h3>
<div>
It's not difficult, but you need to know some programming skills. Firstly, you need to customize your theme and add the smfplayer css and javascript files into the header:</div>
<div>
<br /></div>
<pre class="prettyprint lang-html"><link href="http://smfplayer.synote.org/smfplayer/build/mediaelementplayer.min.css" rel="stylesheet" type="text/css"></link>
<link href="http://smfplayer.synote.org/smfplayer/build/smfplayer.css" rel="stylesheet" type="text/css"></link>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="http://smfplayer.synote.org/smfplayer/build/mediaelement-and-player.min.js" type="text/javascript"></script>
<script src="http://smfplayer.synote.org/smfplayer/build/smfplayer.min.js" type="text/javascript"></script>
</pre>
<div>
<br />
Then the next question will be how can I initialise smfplayer, in the template. This is the tricky part! If you look at the html code of the template, you will see that all the posts, such as text, image, audio, chat and audio, they are placed in {block:something} tag. For example, this is the code for Photo block:<br />
<br /></div>
<pre class="prettyprint lang-html">{block:Photo}
<div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
{/block:Photo}
</pre>
<div>
<br />
The code is similar to Video block. So one straight forward thinking will be that we create a video/photo post first, and then replace the div media with smfplayer. But how can we locate the correct div with media class for the video as there might be many such divs? And how can we pass the media fragment URI to initialise smfplayer? To solve these two problems, we need to make full use of the div class="copy" and the HTML editor provided by Tumblr.<br />
<div class="media">
<br />
Whenever you publish a photo or video post, you can add "caption" for the post and you are allowed to embed HTML into the caption. So I can create a post like this:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-Psxsi-C4g3w/UlRhtEOw5eI/AAAAAAAAA8I/4KnZzwAQnQg/s1600/Screen+Shot+2013-10-08+at+20.48.46.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-Psxsi-C4g3w/UlRhtEOw5eI/AAAAAAAAA8I/4KnZzwAQnQg/s1600/Screen+Shot+2013-10-08+at+20.48.46.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div>
The div class="smf-placehoder" specifies that the media embedded in this post needs to be replaced by smfplayer. We also use HTML5 data api to define the actual "mfuri" that will be used to replace the media div. This is because embedding video in Tumblr from YouTube or other resources will result in an iframe, which will depend on the video providers. So it's difficult to traverse the DOM node and find the exact URI of the video. Then, we can add the following code into the html head:<br />
<br /></div>
</div>
<pre class="prettyprint lang-html">$(document).ready(function(){
var placeholders = $(".smf-placeholder");
if(placeholders.size() >0)
{
$.each(placeholders,function(index,placeholder){
var smf_div = $(placeholder).closest(".copy").prev(".media");
var mfuri = $(placeholder).data("mfuri");
if(mfuri!==undefined){
smf_div.empty();
var player = smf_div.smfplayer({
mfURI:mfuri,
autoStart:false,
width:480,
height:320
});
}
});
}
});
</pre>
<div>
<br />
The code will find the nearest div media and initialise the smfplayer. The following image is a screenshot of the blogpost on tumblr. You can also goto <a href="http://afterglowlee.tumblr.com/post/63173844424/tim-berners-lee-is-a-web-developer-view-media#.UlRlf2RAQhc" target="_blank">example1</a> and <a href="http://afterglowlee.tumblr.com/post/63217573152/public-sparql-endpoint-is-not-reliable-view-media#.UlRmwmRAQhc" target="_blank">example2</a> to see it yourself.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-WI1Oc4QeTxE/UlRmXblhq7I/AAAAAAAAA8U/Gz1XD3d0Q6M/s1600/Screen+Shot+2013-10-08+at+21.05.34.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://2.bp.blogspot.com/-WI1Oc4QeTxE/UlRmXblhq7I/AAAAAAAAA8U/Gz1XD3d0Q6M/s400/Screen+Shot+2013-10-08+at+21.05.34.png" width="397" /></a></div>
<h3>
Known Issue</h3>
<div>
One serious problem of this solution is that Tumblr actually depends much on "Dashboard", which has nothing to do with the template. So your followers won't be able to see any video playing on your blogpost from their Dashboard. What they can see are only captions :( As a temporary solution, we can upload a thumbnail image as a photo post and add a link "View Media Fragment" to lead users to open the actual blog page. This will also be a problem for users on tablets and mobile phones. </div>
<div>
<br />
The template of Tumblr may vary from users to users. So the code that is working for my template doesn't necessarily work in your template. However, the basic idea is that you use caption and html data api to save the media fragment uri and initialise smfplayer from javascript.</div>
<h3>
Conclusions</h3>
<div>
In this blog, I introduced a way to share media fragments on Tumblr. This solution is still a hack, but should work well as a demo to explore new ways of sharing videos. Again, a more sophisticated solution is that the social network platforms can support the sharing of media fragments natively following the W3C Media Fragment specification.</div>
<br /></div>
</div>
Anonymoushttp://www.blogger.com/profile/02633579987862060618noreply@blogger.com0tag:blogger.com,1999:blog-4819421804494813776.post-33685411360226566752013-04-02T18:00:00.000+01:002013-04-02T18:00:12.072+01:00Synote Media Fragment Player: a polyfill of to play the temporal and spatial fragment in a media fragment URI<h4>Introduction</h4>
A very long time ago, I intended to extract the media fragment player we developed for <a href="http://linkeddata.synote.org/">Synote</a> as a individual easy-to-use HTML5 player. Finally, I got the time recently to develop the Synote Media Fragment Player (smfplayer). In general, smfplayer is a jQuery plugin and polyfill for web developers to easily playback the temporal and spatial fragment of different video/audio resources. In Synote, smfplayer only replays the temporal fragment. But, inspired by two great work from <a href="http://ninsuna.elis.ugent.be/MFPlayer/html5">Ninsuna</a> and <a href="http://css-tricks.com/media-fragments-uri-spatial-dimension/">Chris Coyier</a>, I think it's also possible to create a polyfill to highlight the spatial dimension.
<h4>The Rational</h4>
<p>
Nowadays, there are two kinds of multimedia resources we usually want to play on the Web if not considering the live streaming of video/audio: the video/audio files hosted in some web server (Apache, Amazon S3, etc), and multimedia sharing websites (YouTube, Dailymotion and Vimeo). As to the support for media fragment, the Media Fragment Working Group <a href="http://www.w3.org/2008/WebVideo/Fragments/wiki/Showcase">showcase page</a> includes some browsers' latest support for media fragment. Meanwhile, YouTube, Dailymotion and Vimeo all have "copy current time URL" or similar functions, but they are based on the Flash player, not HTML5. So it is still impossible to use a <video> or <audio> tag and the "src" attribute to enable media fragments for all browsers and for all those multimedia resources.</p>
<p>
There are zillions of HTML5 video player out there and some of them offers "fallback" compatibility for Flash (or even silverlight) like <a href="http://www.longtailvideo.com/jw-player/">JW player</a>. Theoretically (I mean forget about the legal issues), any HTML5 player with flash fallback can embed chromeless Flash player from online video sharing websites and provide us a unique UI for all resources. By searching around, I only find <a href="http://mediaelementjs.com/">MediaElement.js player</a> (Mejs) best suits my requirement. What amazed me most about Mejs is that it has "fallforward" Flash and Silverlight plugins. Based on the browsers' compatibility for a certain file type, Mejs can automatically choose the best way to play the video: HTML5, Flash or Silverlight. More surprisingly, Mejs can directly play YouTube and Vimeo (as well as Dailymotion with a <a href="https://github.com/johndyer/mediaelement/pull/663">pull request</a>). Everything in Mejs has a unique interface to control all the players (HTML5, Flash and Sliverlight).</p>
<p>So next, using Mejs as the background, we can start to build the polyfill to control the player highlighting media fragments. First thing first, we need a media fragment parser. Fortunately, this library has been developed by <a href="https://github.com/tomayac/Media-Fragments-URI">Thomas Steiner</a>. After obtaining the start time, endtime and xywh defined in the media fragment URI, we can start highlighting both temporal and spatial fragments.</p>
<p>Highlighting temporal fragment is easy. When Mejs autostart playing or the user click the play button, smfplayer will jump to the start time if it is defined. Smfplayer will pause the video if the currentTime is bigger than the end time. For spatial highlighting, smfplayer create an overlay <div> on top of the video based on the xywh value in media fragment URI. You can define xywh in two ways, pixel and percent, so we need to ask the user what is the original width and height of the video if percent is used. In <a href="http://ninsuna.elis.ugent.be/MFPlayer/html5">Ninsuna example</a>, only the spatial fragment area is visible, while smfplayer just circle around the area with some highlight colour (default is yellow). One issue of this solution is that when the video goes to fullscreen mode, the overlay <div> will disappear.</p>
<h4>Demo Time!</h4>
<p>The following YouTube video is an introduction of Web Platform. Well, Web Platform is exciting for me, but what's more exciting is that the creator of this video somehow decided to call Sir Tim-Berners Lee a WEB DEVELOPER!</p>
<iframe width="480" height="270" src="http://www.youtube.com/embed/Ug6XAw6hzaw" frameborder="0" allowfullscreen></iframe>
<p>I want to share this interesting finding via Twitter. Tim only appears in this video for 4 seconds from 1:30, so I can send this link via twitter:</p>
<pre>http://youtu.be/Ug6XAw6hzaw?t=1m30s</pre>
<p>This is not enough. What I really want my followers to see is the funny title of Tim-Berners Lee on the bottom-left corner. So what I really want to share is this following media fragment URI given the video resolution is 480x320:</p>
<pre>http://www.youtube.com/watch?v=Ug6XAw6hzaw#t=00:01:30,00:01:33&xywh=40,220,200,50</pre>
<p>And using smfplayer, you can easily write some programmes to playback this media fragment:</p>
<br />
<div id="player_div">
</div>
<link href="http://smfplayer.synote.org/smfplayer/build/mediaelementplayer.min.css" rel="stylesheet" type="text/css"></link>
<link href="http://smfplayer.synote.org/smfplayer/build/smfplayer.css" rel="stylesheet" type="text/css"></link>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="http://smfplayer.synote.org/smfplayer/build/mediaelement-and-player.min.js" type="text/javascript"></script>
<script src="http://smfplayer.synote.org/smfplayer/build/smfplayer.min.js" type="text/javascript"></script>
<script type="text/javascript">
var uriStr = "http://www.youtube.com/watch?v=Ug6XAw6hzaw#t=00:01:30,00:01:33&xywh=40,220,200,50";
$(document).ready(function(){
var mfuri = uriStr;
var player = $("#player_div").smfplayer({
mfURI:mfuri,
autoStart:false,
width:480,
height:320
});
});
</script>
<p>This demo is similar one of the features of twitter: the in-page embedded playback of the videos from tweet list page. As a developer, you need to write different code to embed different players from YouTube, Dailymotion, Vimeo and files from web servers. With smfplayer, you can implement this function easily. You can try to play different resources at <a href="http://smfplayer.synote.org/smfplayer/demo.html">smfplayer demo page</a>.</p>
<h4>Conclusions</h4>
<p>
Followings are some useful links in case you want to know more about smfplayer:</p>
<ul>
<li><a href="http://smfplayer.synote.org/">smfplayer home page</a></li>
<li><a href="https://github.com/yunjiali/Media-Fragment-Player">smfplayer on Github</a></li>
<li><a href="http://smfplayer.synote.org/documentation.html">smfplayer documentation</a></li>
<li><a href="http://smfplayer.synote.org/tc.html">smfplayer test results on different browsers</a>. Smfplayer currently is still at alpha test stage and there are still some problems in different browsers and devices. </li>
</ul>
<p>All in all, smfplayer is a polyfill and temporal solutions for the developers who want to playback media fragments. I really hope some day different browsers can implement those functions natively.</p>Anonymoushttp://www.blogger.com/profile/02633579987862060618noreply@blogger.com1tag:blogger.com,1999:blog-4819421804494813776.post-65389975420095248192012-08-31T15:04:00.000+01:002012-08-31T15:06:42.855+01:00HTML5 Video and WebVTT Support in Mobile Browsers<p>
Since proposed by Opera Software in 2007, the HTML5 video tag has been around for a pretty long time. Video tag is a great step forward to make video the first class citizen of the Web. Unfortunately, different browsers understand the citizenships in different ways. The citizenship of AVI is terminated. WMV needs to hold Sliverlight Visa in order to get the entry clearance to browsers other than IE. FLV's visa application for iOS has been Denied by Apple Empire and Adobe has declared that he's not going to help FLV to re-apply the visa again. H.264 is like a mafia, who asks for protection fees from browsers. You see, there is no Federal Government in HTML5.
</p>
<p>Since the smart phone joined the Web, things are getting worse again. It seems to me that there is no systemetic tests for the video compitablity on different mobile browsers. So the goal of our test is to find out which video format could be played in which browsers, or which major versions of the browsers.</p>
<h3>Our Test</h3>
We need to emphasis something before going into the test.
<ol>
<li>All the browsers in the test are on mobile phones. They are not desktop versions of the browsers.</li>
<li>We only tested on android and iphones. Browsers for Windows Phone, Blackberry and Palm WebOS are not tested.</li>
<li>All the tests are carried out in mobile phones. Well, yes, you can make a phone call using 7 inch Samsung Galaxy tablets if you don't feel it's too big. But the mobile phones used in this test are 3.0 to 4.8 inches for the screensize.</li>
<li>Not all browsers, as well as a specific version of the browser, could be used in all different mobile devices. For example, there is no Opera Mobile browser on iPhone iOS 5. It is the same case for Firefox. But at the time of testing, we chose the latest version of the browser in that OS.</li>
<li>We suppose that the server which hosts the video file is properly configured in order that the file could be properly delivered.</li>
</ol>
Finally, we have tried our best to keep the data correct on the phones we have tested. But it's quite likely that some of the test results are not accurate. If you find anything that is not correct, please feel free to let me know. I would be glad to test it again. OK. Let's go!
<h4>Test 1, Playable</h4>
<p>This test shows if a video file with a certain codec could be played in a certain browser on a mobile phone. We test mp4, ogv and webm on Android 2.3, 4.0 and iOS 5. We designed <a href="http://users.ecs.soton.ac.uk/wj1e11/synotemobile/html5-video-test1.html">a test page</a>, which embeds mp4, ogg and Webm videos in one page. Then we open this page in different mobile browsers on different mobile OSs. Table 1,2 and 3 shows the results.</p>
<!-- Table 1 -->
<style type="text/css">.nobrtable br { display: none } tr {text-align: center;} td {background-color: #eeeecc; color: black;} tr {text-align: center;} caption {caption-side:bottom;} td.yes {background-color:green;} td.no{background-color:pink;} td.head {background-color:#99ffff;}</style>
<hr/>
<div class="nobrtable">
<table border="2" bordercolor="#0033FF" style="border-collapse:collapse;" width="100%" cellpadding="10" cellspacing="0">
<caption><b>Table 1.</b>HTM5 Video Compatibility in Android 2.3</caption>
<tr style="background-color:#0033FF; color:#ffffff; padding-top:5px; padding-bottom:4px;">
<th>Browser</th>
<th>MP4, H.264</th>
<th>Ogg, Theora</th>
<th>WebM, VP8</th>
</tr>
<tr>
<td class="head">Opera Mobile 12.0</td>
<td class="yes">Yes</td>
<td class="no">No</td>
<td class="no">No</td>
</tr>
<tr>
<td class="head">Opera Mini 7.0.29</td>
<td class="no">No</td>
<td class="no">No</td>
<td class="no">No</td>
</tr>
<tr>
<td class="head">Firefox 14.0.1</td>
<td class="no">No</td>
<td class="yes">Yes*</td>
<td class="yes">Yes*</td>
</tr>
<tr>
<td class="head">Android Native Browser</td>
<td class="yes">Yes</td>
<td class="no">No</td>
<td class="no">No</td>
</tr>
</table>
<b>*</b><i>Unlike other browsers, the video will not enter full screen when playing, and there is no full screen control in the player in Firefox 14.0.1.</i>
</div>
<p>
Test Phones for Table 1:
<ol>
<li>HTC Design S, Android 2.3.5, 3.7-incn touch screen</li>
<li>Sony SK17i, Android 2.3.4, 3.0-inch touch screen</li>
<li>Samsung Galaxy S II, Android version 2.3.3, 4.3-inch touch screen</li>
<li>HTC G10, Android 2.3.5, 4.3-incn touch screen</li>
</ol>
P.S. Google Chrome is not compatible with Android 2.3.
</p>
<!--Table 2-->
<hr/>
<div class="nobrtable">
<table border="2" bordercolor="#0033FF" style="background-color:#99FFFF; border-collapse:collapse;" width="100%" cellpadding="10" cellspacing="0">
<caption><b>Table 2.</b>HTM5 Video Compatibility in Android 4.0.4</caption>
<tr style="background-color:#0033FF; color:#ffffff; padding-top:5px; padding-bottom:4px;">
<th>Browser</th>
<th>MP4, H.264</th>
<th>Ogg, Theora</th>
<th>WebM, VP8</th>
</tr>
<tr>
<td class="head">Opera Mobile 12.0</td>
<td class="yes">Yes</td>
<td class="no">No</td>
<td class="no">No</td>
</tr>
<tr>
<td class="head">Opera Mini 7.0.29</td>
<td class="no">No</td>
<td class="no">No</td>
<td class="no">No</td>
</tr>
<tr>
<td class="head">Chrome 18.0</td>
<td class="yes">Yes</td>
<td class="no">No</td>
<td class="yes">Yes</td>
</tr>
<tr>
<td class="head">Firefox 14.0.1</td>
<td class="no">No</td>
<td class="yes">Yes</td>
<td class="yes">Yes</td>
</tr>
<tr>
<td class="head">Android Native Browser</td>
<td class="yes">Yes</td>
<td class="no">No</td>
<td class="no">No</td>
</tr>
</table>
</div>
Test Phones for Table 2:
<ol>
<li>Samsung Galaxy S III, 4.8-inch touch screen</li>
</ol>
<!--Table 3-->
<hr/>
<div class="nobrtable">
<table border="2" bordercolor="#0033FF" style="background-color:#99FFFF; border-collapse:collapse;" width="100%" cellpadding="10" cellspacing="0">
<caption><b>Table 3.</b>HTM5 Video Compatibility in iOS 5.1.1</caption>
<tr style="background-color:#0033FF; color:#ffffff; padding-top:5px; padding-bottom:4px;">
<th>Browser</th>
<th>MP4, H.264</th>
<th>Ogg, Theora</th>
<th>WebM, VP8</th>
</tr>
<tr>
<td class="head">Safari 5</td>
<td class="yes">Yes</td>
<td class="no">No</td>
<td class="no">No</td>
</tr>
<tr>
<td class="head">Chrome 21.0</td>
<td class="yes">Yes</td>
<td class="no">No</td>
<td class="no">No</td>
</tr>
<tr>
<td class="head">Opera Mini 7.0.29</td>
<td class="no">No</td>
<td class="no">No</td>
<td class="no">No</td>
</tr>
</table>
</div>
Test Phones for Table 3:
<ol>
<li>iPhone 4S, 3.5 inches screen</li>
<li>iPhone 4, 3.5 inches screen</li>
</ol>
As a summary, here are some interesting findings:
<ol>
<li>There is no "killer" video codecing format for mobile browsers currently. But MP4 seems compatible with most "default" browsers, i.e. Android Native browser in Android phons and Safari in iPhones.</li>
<li>Opera Mini is pretty disappointing as no video could be played.</li>
<li>Different from desktop browsers (see <a href="http://mediaelementjs.com/">this table</a>), WebM is not well supported by the native players on mobile browsers. Interestingly, WebM is developed (or more actually, sponsored) by Google, but the Android Native Browser, which is also developed by Google, can't play WebM</li>
<li>Most mobile phones play the video in full screen mode by default and users cannot quit the full screen unless stopping the video. But Firefox is an exception. What's more, if the screen size of the mobile phone is larger than 4 inches, The full screen, if screensize is bigger than 4.3 inches, sometimes, video won't be played in full screen mode automatically.</li>
</ol>
<h3>WebVTT support in Mobile Browsers</h3>
<p>
HTML5 video tag not only brings video playing natively, but also adds some cool features alongside the video. One of them is the track tag for subtitles. Subtitles are very important for the accessiblity of videos on the Web. Many standards and de facto standards have been around for a long time. SubRip (SRT), <a href="http://www.w3.org/AudioVideo/TT/">Timed Text Markup Language</a> and .sub, to name a few. I personally think the most promising one is <a href="http://dev.w3.org/html5/webvtt/">Web Video Text Track</a> (WebVTT). WebVTT is specially tailored for videos on the Web and you can also use it for audio description, chapter navigation, etc. Silvia Pfeiffer has given an <a href="http://blog.gingertech.net/2011/03/29/webvtt-explained/">very good presentation</a> about WebVTT.</p>
<p>
WebVTT is still a moving target and there are many things which need to be nailed before the first release. Except for the WebVTT specification itself, as developers, we are really care about the technical support of WebVTT in different browsers and are there any tools out there we can easily use? Silvia summarised the current situation of <a href="http://www.w3.org/community/texttracks/2012/08/23/webvtt-support-in-browsers/">WebVTT support in different desktop browsers</a>.</p>
<p>
A further question we ask is that is there any mobile browsers which support WebVTT natively? After our test, the answer is NO! Table 4 is our test result. "N/A" means a certain format of the video file cannot be played in that browser, so it is meaning less to say if the WebVTT can be displayed or not.</p>
<!--Table 4-->
<div class="nobrtable">
<table border="2" bordercolor="#0033FF" style="background-color:#99FFFF; border-collapse:collapse;" width="100%" cellpadding="10" cellspacing="0">
<caption><b>Table 4.</b>WebVTT Support in Different Mobile Browsers</caption>
<tr style="background-color:#0033FF; color:#ffffff; padding-top:5px; padding-bottom:4px;">
<th>OS</th>
<th>Browser</th>
<th>MP4, H.264</th>
<th>Ogg, Theora</th>
<th>WebM, VP8</th>
</tr>
<tr>
<td rowspan="4">Android 2.3</td>
<td class="head">Opera Mobile 12.0</td>
<td class="no">No</td>
<td>N/A</td>
<td>N/A</td>
</tr>
<tr>
<td class="head">Opera Mini 7.0.29</td>
<td>N/A</td>
<td>N/A</td>
<td>N/A</td>
</tr>
<tr>
<td class="head">Firefox 14.0.1</td>
<td>N/A</td>
<td class="no">No</td>
<td class="no">No</td>
</tr>
<tr>
<td class="head">Android Native Browser</td>
<td class="no">No</td>
<td>N/A</td>
<td>N/A</td>
</tr>
<tr>
<td rowspan="5">Android 4.0.4</td>
<td class="head">Opera Mobile 12.0</td>
<td class="no">No</td>
<td>N/A</td>
<td>N/A</td>
</tr>
<tr>
<td class="head">Opera Mini 7.0.29</td>
<td>N/A</td>
<td>N/A</td>
<td>N/A</td>
</tr>
<tr>
<td class="head">Chrome 18.0</td>
<td class="no">No</td>
<td>N/A</td>
<td class="no">No</td>
</tr>
<tr>
<td class="head">Firefox 14.0.1</td>
<td>N/A</td>
<td class="no">No</td>
<td class="no">No</td>
</tr>
<tr>
<td class="head">Android Native Browser</td>
<td class="no">No</td>
<td>N/A</td>
<td>N/A</td>
</tr>
<tr>
<td rowspan="3">iPhone iOS 5</td>
<td class="head">Safari 5</td>
<td class="no">No</td>
<td>N/A</td>
<td>N/A</td>
</tr>
<tr>
<td class="head">Chrome 21.0</td>
<td class="no">No</td>
<td>N/A</td>
<td>N/A</td>
</tr>
<tr>
<td class="head">Opera Mini 7.0.29</td>
<td>N/A</td>
<td>N/A</td>
<td>N/A</td>
</tr>
</table>
</div>
<p>
Of course, there are tons of HTML5 video players on the Web, VideoJS, PopcornJS, MediaEleemntJS, JWPlayer, Kaltura Player, etc. Some of indeed support WebVTT on desktop browsers. But they are all "polyfills", which means the support is not native and they use javascript and CSS to somehow present WebVTT together with the video. We did test MediaElementJS on iphones, but unfortunately, it still failed to display the subtitle. However, MediaElementJS can sucessfuly display WebVTT on iPad.
</p>
<h3>Conclusions and Future Directions</h3>
<p>
The test for HTML5 video tag and WebVTT on mobile browsers is important. Developers should be clear what video could be played in the target device. On the server side, the web applications need to host the best format that compitable with the target device. Video sharing services, such as YouTube, must be adaptive enough to deliver videos to different devices and browsers. Subtitles are always important for videos, especially on mobile platforms, where the support for subtitle is not thorough yet.</p>
<p>
With each updates or release of new versions of browsers, new codecs might be supported and old formats might be abandoned. WebVTT is currently is not well supported on mobile browsers and we are still waiting for some break-through. </p>
<p>
The tests tell us the HTML5 video support is on the way. In the tests above, we are trying to keep things easy, i.e. we didn't bring in a lot of variables and we just used the most popular phones and most popular browsers. However, the real world is not that simple. Between mobile phones and desktop machine, we have got tablets, 7 inches to 10 inches. The screensize of mobile phones are getting bigger and bigger. I am very curious on how different browser kernels choose the display mode for these screensizes. Is there a borderline or threshold? So in the future, it might be necessary to compare the HTML5 video tag in a single browser across different size of devices (phones and tablets). We are also expecting more documents could be released or discussed regarding this aspect.</p>
<p>
Again, if you find anything wrong or anything new, please feel free to leave your comments.</p>
Anonymoushttp://www.blogger.com/profile/02633579987862060618noreply@blogger.com7tag:blogger.com,1999:blog-4819421804494813776.post-20070541943183162942012-08-28T00:30:00.000+01:002012-08-28T11:02:35.979+01:00The Chinese Copy of Web<h3>
Introduction</h3>
<div>
I have been thinking to write something about the "Chinese Copy" of Web for a long time. Why? Because I think most people outside of China wouldn't know how the Chinese people spend their time on the Web. Of course, language is a problem, but more importantly, the Web in China is a silo isolated from outside of the world. China has 538 million internet users in July 2012 and it's going to hit 800 million in 2015! (if the Chinese government is not bluffing, I believe they are not). Many of my friends are pretty interested in what a quarter of the internet populations in the whole world is doing on the Web. They ask me questions such as do they go to Facebook, view videos on YouTube? My answer is simple: we have counterpart services in China. Finally, I put my hands on the keyboard and start listing the counterpart services in China. I think this kind of information will be helpful for a lot of people in other countries to know China better.</div>
<h3>
Let's List!</h3>
I will list some of the major counterpart services on the Web in China in different aspects. I won't list many statistical comparisons as there are plenty of them which could be found on the Web.<br />
<h4>
Social Networks</h4>
<div>
No one will deny that Facebook is the largest social network website in the world. We have two major applications similar to Facebook. <a href="http://www.renren.com/">Renren</a> (人人网, means "everybody"), which is formerly known as Xiaonei (校内网, which means "network for students in schools or colleges), and <a href="http://kaixin001.com/" target="_blank">Kaixin</a> (开心网, means "happy"). Facebook has claimed <a href="http://www.digitalbuzzblog.com/facebook-statistics-stats-facts-2011/" target="_blank">500 million users in 2011</a>, while Renren has around 137 million users in September 2011 and it's increasing by 24 million to 38 million every month.</div>
<div>
<br /></div>
<div>
Well, if you go to Renren or Kaixin, you will notice that, the user interface looks very similar to Facebook. If you happen to know Chinese and have an account, you will find that the personal pages are similar too. The only difference is the colour.</div>
<h4>
Search Engine</h4>
<div>
<object class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://1.gvt0.com/vi/EPnmsFl__nU/0.jpg" height="266" width="320"><param name="movie" value="http://www.youtube.com/v/EPnmsFl__nU&fs=1&source=uds" /><param name="bgcolor" value="#FFFFFF" /><param name="allowFullScreen" value="true" /><embed width="320" height="266" src="http://www.youtube.com/v/EPnmsFl__nU&fs=1&source=uds" type="application/x-shockwave-flash" allowfullscreen="true"></embed></object><br />
You know Google? Good! But in China, Google only takes around <a href="http://www.chinainternetwatch.com/1444/china-search-engine-market-share-by-revenue-q1-2012/" target="_blank">16% of the search engine market</a>. The largest search engine in China is <a href="http://www.baidu.com/" target="_blank">Baidu</a> (百度). What Baidu good at is searching Chinese documents on the Web. If you happen to know some Chinese friends, you can ask him or her to explain the video above, which tells the different between Baidu's search and Google's search, even though it explains it in a funny way.</div>
<div>
<br /></div>
<div>
One of Baidu's founders is Robin Li (李彦宏), who has experience to study and work in U.S. He is a kind of legend in China. Using semantic Web, I would say "Robin Li owl:sameAs Bill Gates". Now Baidu has successfully completed IPO on NASDAQ and it has extended its market to Korean and Japan, where the languages are quite similar to Chinese.</div>
<h4>
Video Sharing </h4>
We all know YouTube, Vimeo, Dailymotion, etc. In China, there are many video uploading and sharing websites. Two famous ones are <a href="http://www.tudou.com/" target="_blank">Tudou</a> (土豆, which means "potato") and <a href="http://www.youku.com/" target="_blank">youku</a> (优酷). Tudou and youku has merger plan recently, but it's still in progress. After the merger, "Youku Tudou" will become the lagest video site. I am not a business man, so I think both Youku and Tudou serve similar content and they are also similar to YouTube.<br />
<h4>
Online Shopping</h4>
Please gimme the first two websites in your mind that you will go when you want to buy something. Yes, they are eBay and Amazon. In UK, eBay is the best place to sell or buy something quickly in a reasonable price for individuals or small businesses. In China, we have an online shopping website called <a href="http://www.taobao.com/index_global.php" target="_blank">Taobao</a> (淘宝网, which means "looking for treasures"), owned by <a href="http://en.wikipedia.org/wiki/Alibaba_Group" target="_blank">Alibaba Group</a>. For Taobao, you only need one sentence to describe it: "you can buy anything there". Jack Ma (马云), who owns Taobao and Alibaba Group, is one of the first entrepreneurs, who brought e-commerce into China. Interestingly, he claims that he doesn't know anything about computer or internet, I mean the technology side. He even find himself hard to send an email!<br />
<br />
One of the most widely used products of eBay is Paypal. The counterpart in China is called <a href="https://www.alipay.com/index.html" target="_blank">Alipay</a> (支付宝, which means "a tool can pay for anything any ways"). No surprising, Alipay is developed by Alibaba Group (God! We just copied EVERYTHING, even the way it exists!). By 2010, it is said there are 550 million registers in Alipay, not only in China but around all Chinese communities all over the world.<br />
<br />
Next to eBay, we are also familiar with Amazon. But Amazon is not very successful in China, because of the existence of <a href="http://www.dangdang.com/" target="_blank">Dangdang</a> (当当网), which was founded by a couple, Peggy Yu and Li Guoqing. Similar, Dangdang started by selling books online and then it extends its market to household merchandise, digital devices, etc.<br />
<h4>
Instant Messaging</h4>
<div>
Anybody remembers what is ICQ? Maybe you know MSN Messenger, Yahoo Messenger or Skype. As far as I can recall, ICQ is the first instant messaging application I have ever use. When we no longer (maybe you never did) pay any attention to ICQ, the counterpart of ICQ in China is growing tremendously out of anybody's imagination. The application is called <a href="http://www.qq.com/" target="_blank">Tencent QQ</a> (腾讯QQ). I personally think it is a copy of ICQ as the original name of Tencent QQ is OICQ, Open ICQ.</div>
<div>
<br /></div>
<div>
Instant messaging application may not be totally categorised as Web-based application as it is originally a desktop application. But I need to mention Tencent, the company, and QQ here, because it's another legend in China. Even though the CEO of Tencent Ma Huateng (马化腾) has been severely accused for the act of plagiarism, he is still ranked as the second richest person in IT in mainland China, next to Robin Li, in 2010. </div>
<div>
<br /></div>
<div>
Which application in the world has the largest population of registration? Facebook, YouTube, Twitter, Google plus? No! I wouldn't be surprise to know that in September 2011, there were more than <b>710 million</b> registered users in Tencent QQ! That is nearly the population of the Europe population, more than twice as much as the US population. Even though it is a copy, I would say it's a very successful copy. In China, you can safely say you don't know who is the president of US, but it would be a shame to tell somebody you don't have a QQ membership. </div>
<h4>
Blog</h4>
<div>
The blog application are not dominated by one or two company now in Europe or U.S. After the downfall of MySpace, MSN spaces, the blog applications have been largely replaced by or further integrated with Social networks. In China, the situation is quite similar. Major portal websites all have their blog services, such as <a href="http://blog.sina.com.cn/" target="_blank">Sina blog</a> (新浪博客), <a href="http://qzone.com/" target="_blank">Tencent QZone</a> (QQ空间). </div>
<h4>
Micro Blog</h4>
<div>
Twitter makes the information spread quicker than you can ever imagine and that's why twitter is strictly blocked in China. However, entrepreneurs would never be stopped as long as there are potentials of making money. In China, there are several counterparts of Twitter and they are called Weibo (微博). The two major Weibo in China are <a href="http://www.weibo.com/" target="_blank">Sina Weibo</a> (新浪微博) and <a href="http://t.qq.com/" target="_blank">Tencent Weibo</a> (腾讯微博). Of course, they are monitored and controlled by the government, as well as Baidu I mentioned earlier. Any "sensitive words" will be blocked from searching or publishing. But as a Chinese, I should proudly say that 140 characters in Chinese Characters are far more expressive than English :)</div>
<div>
<br /></div>
<div>
I have just checked the followers (27th of August 2012),the most popular person on Twitter is Lady Gaga, around 28 million followers (I didn't follow her), Meanwhile, the most popular Chinese person on Weibo is Yao Chen, a Chinese actress, who has around 23 million followers, but nearly all of them are Chinese! Yao Chen even has more followers than Britney Spears and Barack Obama. </div>
<h4>
Wiki</h4>
<div>
Everybody is impressed by Jimmy Wales and his Wikipedia. Wikipedia is now the de facto knowledge hub of, at least, English. You can probably find any facts you want to know on Wikipedia. However, wikipedia is blocked in China, as there are many anti-government content. Well, I don't care if the content is anti-government or not, but we should find a way to manage our own knowledge, right? So our counterpart services are <a href="http://baike.baidu.com/" target="_blank">Baidu Baike</a> (百度百科) and <a href="http://www.hudong.com/" target="_blank">Hudong Baike</a> (互动百科). Baike in Chinese means "encyclopaedia". </div>
<div>
<br /></div>
<div>
Different from Wikipedia, which funded by non-profit organization, Baidu Baike and Hudong Baike are run by for-profit companies, Baidu Inc. and Hudong Inc respectively. The CEO of Hudong is Pan Haidong who got his PhD degreen in Boston University in US. </div>
<div>
<br /></div>
<div>
Everybody in the semantic Web area knows DBpedia. In the ISWC 2011 conference in Bonn, Germany, I met a few guys from Shanghai Jiao Tong University, who was start creating the Chinese version of DBpedia: zhishi.me (zhishi in Chinese means "knowledge"). It's a very impressive work and hopefully, there will be more progress coming out. Unfortunately, I don't think will be possible to merge zhishi.me with DBpedia, as the data in zhishi.me is not freely available. The 4.1 and 4.2 in <a href="http://www.hudong.com/wiki/%E4%BA%92%E5%8A%A8%E5%9C%A8%E7%BA%BF%E6%9C%8D%E5%8A%A1%E5%8D%8F%E8%AE%AE" target="_blank">terms and conditions</a> in Hudong Haike clearly states that Hudong Baike reserves all the rights for anything uploaded to the website. </div>
<h4>
Downloading</h4>
<div>
"Intellectual property" is not a very popular phrase until the trademark war launched by <a href="http://gochina.scmp.com/news/ipad-may-face-ban-china" target="_blank">Wei Guan Corp. China</a>. I have been to UK for 5 years, and I still cannot find any place to download movies, software, music for free, or even watch freely online. Pirate Bay is an exception. There are some file sharing systems based on Cloud, but unfortunately, none of them lives longer than a few months as they are shutdown quickly. </div>
<div>
<br /></div>
<div>
In China, this is totally a different story. <a href="http://www.xunlei.com/" target="_blank">Xunlei</a> (迅雷, which means "as fast as thunder") and <a href="http://www.verycd.com/" target="_blank">VeryCD</a> (电驴, which means "electronic donkey") host millions of movies, music records, TV programmes, cartoons, even pirate software. Everybody with an account can download whatever there. The only difference between paid users and free users is that paid users can download really fast. Xunlei and VeryCD has recently got sued for intellectual properties issues and many content are no longer available for downloading. What's more, they have somehow limit the downloading service to users from mainland China. </div>
<div>
<br /></div>
<div>
If you have time and know Chinese, take a look around in Xunlei and VeryCD, maybe you can find Total Recall, The Expendables 2 and other latest HD movies there. </div>
<h4>
Integration among these Applications</h4>
<div>
Like the integration among Facebook, twitter, YouTube, Google Plus, the counterpart services in China also implement the integration functions. If you find a good video in Tudou, you can click the "share button" (in Chinese its called 分享 fenxiang) to share it in Renren or send it via Weibo. When you take a picture using your smartphone, you can put it immediately on Renren or Weibo. </div>
<h4>
Summary</h4>
<div>
As a summary, I list all the counterpart services:</div>
<div>
<ul>
<li>Social Networks: <a href="http://www.renren.com/">Renren</a> (人人网) and <a href="http://kaixin001.com/" target="_blank">Kaixin</a> (开心网)</li>
<li>Search Engine: <a href="http://www.baidu.com/" target="_blank">Baidu</a> (百度)</li>
<li>Video Sharing: <a href="http://www.tudou.com/" target="_blank">Tudou</a> (土豆) and <a href="http://www.youku.com/" target="_blank">youku</a> (优酷)</li>
<li>Online Shopping: <a href="http://www.taobao.com/index_global.php" target="_blank">Taobao</a> (淘宝网) <a href="http://www.dangdang.com/" target="_blank">Dangdang</a> (当当网)</li>
<li>Online Payment: <a href="https://www.alipay.com/index.html" target="_blank">Alipay</a> (支付宝)</li>
<li>Instant Messaging: <a href="http://www.qq.com/" target="_blank">Tencent QQ</a> (腾讯QQ)</li>
<li>Blog: <a href="http://blog.sina.com.cn/" target="_blank">Sina blog</a> (新浪博客) and <a href="http://qzone.com/" target="_blank">Tencent QZone</a> (QQ空间)</li>
<li>Mico Blog: <a href="http://www.weibo.com/" target="_blank">Sina Weibo</a> (新浪微博) and <a href="http://t.qq.com/" target="_blank">Tencent Weibo</a> (腾讯微博)</li>
<li>Wikipedia: <a href="http://baike.baidu.com/" target="_blank">Baidu Baike</a> (百度百科) and <a href="http://www.hudong.com/" target="_blank">Hudong Baike</a> (互动百科)</li>
<li>Downloading: <a href="http://www.xunlei.com/" target="_blank">Xunlei</a> (迅雷) and <a href="http://www.verycd.com/" target="_blank">VeryCD</a> (电驴) </li>
</ul>
<div>
For "security" reasons, Facebook, YouTube, Twitter, Wikipedia have been totally blocked in main land China. Google has been moved to Hong Kong because they cannot reach the agreement with the government for the email and sensitive words filtering. eBay and Amazon currently are not in good position in the competition in China. Considering the 710 million registered users of QQ, MSN Messenger has no advantage. Dear me, only Microsoft survives!</div>
</div>
<h3>
Limitations</h3>
<div>
OK. Since we have counterpart services in every aspect of Web applications, what are the limitations for these services in China? Let's list a few of them.</div>
<div>
<br /></div>
<div>
The first problem is the openness. The Chinese Web is totally contradict to Tim Berners Lee's vision for the openness of the Web. With in the internet in China, you cannot view YouTube or use twitter. On the other hand, users in outside of China cannot view some of the video on Tudou or Youku as they can be only viewed by users within mainland China. </div>
<div>
<br /></div>
<div>
Secondly, most the web applications have accessibility problems. They have ads and popping up windows everywhere. To make things worse, many applications still only display well in IE! Thanks to Steve Jobs, more Chinese buy Macbook, more application owners will consider to make them compatible with Safari, Firefox and Google Chrome. I have to say, Facebook, YouTube and Twitter they are very accessible for keyboard and screen readers. But Renren, Kaixin and Tudou are too dazzling for me. I really wonder how a blind user could navigate through the screen. </div>
<div>
<br /></div>
<div>
Another problem is the security. Many applications, such as Tencent QQ have been accused to illegally collect users' data. For Alipay, you need to install a plugin for the browser in order to use it. I've never heard that Paypal has some browser plugin.</div>
<h3>
Conclusion</h3>
<div>
You see, Chinese people are living very well inside the silo. We have millions of users, we have a huge market and many entrepreneurs have devote their passions into this market for decades. The Web eco-system has started to grow in China, even though monitored by the government. It's very good to know that many entrepreneurs in IT had experience of studying and working in US or other developed countries. So they bring back the advanced ideas and start their own career in China. Chinesizing the ideas is good at first, but we should feel the hazard because a market without creativity will not live long. So does the Web in China. Are there any Web applications that origins from Chinese people and have been widely adapted around the world? I don't see any to be honest.</div>
<div>
<br /></div>
<div>
In my own opinion, nothing would develop well without openness, which is the original essence of Web and Internet. Chinese people have been well taught by the proverb "behind an able man, there are always other able men". So "behind an isolated Web, there are always better Web", we will finally know one day there is a bigger Web outside the silo. </div>
Anonymoushttp://www.blogger.com/profile/02633579987862060618noreply@blogger.com2tag:blogger.com,1999:blog-4819421804494813776.post-91159838252524119892012-03-12T13:32:00.002+00:002012-03-12T13:32:18.476+00:00Napoleon's speech to Java CodeSuddenly find something interested here:<br />
<a href="http://bbs.wenxuecity.com/joke/430983.html">http://bbs.wenxuecity.com/joke/430983.html</a><br />
<br />
Please don't blame me that most of the characters are Chinese. What attracts me is the<b> Java version</b> of Napoleon's speech:<br />
<br />
"My enemies are many,my equals are none. In the shade of olive trees,they said Italy could never be conquered.In the land of pharoahs and kings, they said Egypt could never be humbled.In the realm of forest and snow,they said russia could never be tamed.Now they say nothing.They fear me ,like a force of nature,a dealer in thunder and death.I say I am Napoleon,I am emperor……..Burn it"<br />
<br />
So the Java version is:<br />
<br />
<pre>import java.util.HashSet;
public class Napoleon {
private HashSet enemies = new HashSet();
// cdps = Chrysanthemum Damage Per Second
public int cdpm = 100000;
Napoleon() {
enemies.add(new Enemy(“Italy”, 100));
enemies.add(new Enemy(“Egypt”, 100));</pre>
<pre> enemies.add(new Enemy(“Russia”, 100));
}
private void speak(){
System.out.println(“My enemy number: ” + enemies.size());
HashSet trueEnemies = new HashSet();
for (Enemy e : enemies) {
if (e.cdpm > cdpm)
trueEnemies.add(e);</pre>
<pre> }
System.out.println(“The number of enemies who can beat me: ” + trueEnemies.size());
for (Enemy e : enemies) {
do {
e.shout();
} while (e.canBeatNapoleon(this));
}
for (Enemy e : enemies) {
e.shout();
}
cdpm = 10000000; </pre>
<pre> System.out.println(“I am Napoleon cdpm ” + cdpm);
System.out.println(“Dispose enemy list…”);
enemies.clear();
System.out.println(“Enemy list disposed!”);
}
public static void main(String[] args) {
(new Napoleon()).speak();
}
}
class Enemy {
private String name;
public int cdpm;
Enemy(String name, int cdpm) {
this.name = name;
this.cdpm = cdpm;
}
public void shout() {
if (cdpm > 0)
System.out.println(name + ” says: we are invincible!!!”);
else System.out.println(name + ” says: ……”);
}
public boolean canBeatNapoleon(Napoleon n) {
if (cdpm < n.cdpm) {
cdpm = -1;
return false;
}
return true;
}
}</pre>
<pre> </pre>
<pre> </pre>
<pre>And the output is:</pre>
<pre> </pre>
<pre> My enemy number: 3
The number of enemies who can beat me: 0
Egyptsays: we are invincible!!!
Italysays: we are invincible!!!
Russiasays: we are invincible!!!
Egyptsays: ……
Italysays: ……
Russiasays: ……
I am Napoleon cdpm 10000000
Dispose enemy list…
Enemy list disposed! </pre>
<pre> </pre>
<pre> </pre>
Well, someone wants to translate some English speech or poem to Java or javascript? Maybe we can try Martin Luther King's "I have a dream"?Anonymoushttp://www.blogger.com/profile/02633579987862060618noreply@blogger.com0tag:blogger.com,1999:blog-4819421804494813776.post-24636199137902157822011-08-12T18:07:00.000+01:002011-08-12T18:07:44.840+01:00HTML5 + Linked Data + Multimedia + TV experience = An HTML5 Leanback TV webapp from grennhughes.com<div>This post really attracts me:</div><div><br />
</div><a href="http://www.greenhughes.com/content/html5-leanback-tv-webapp-brings-sparql-living-room">An HTML5 Leanback TV webapp that brings SPARQL to your living room | greenhughes.com</a><br />
<div><br />
</div><div><i>"When you are sat on the sofa at the end of the day relaxing and watching TV, maybe eating food and not in the mood to have to keep constantly making decisions about what to watch you might not think that you are in a situation where Linked Data and SPARQL queries could be useful. Yet the flexibility of the data that can be obtained from data sources supporting these technologies makes them ideal candidates to power a Leanback TV experience."</i></div><div><i> <br />
</i></div><div><i>"...By taking an existing template and an existing, very flexible, source of data we can create a whole new way for people to discover content on offer"</i></div><div><i> <br />
</i></div><div>Well, people keep on asking : "where is linked data? How can I feel it?". Here is a good example. Well, you can say it could be done using Web 2.0 mashups. Yes, you can. But in this example, it is SPARQL endpoint from Open University, which distinguish it from normal Web 2.0 ways. Web 2.0 enable you to publish your data using some Web technologies, such as <a href="http://www.amazon.com/Restful-Web-Services-Leonard-Richardson/dp/0596529260?ie=UTF8&tag=multandlinkda-21&link_code=btl&camp=213689&creative=392969" target="_blank">Restful Web Services</a><img alt="" border="0" height="1" src="http://www.assoc-amazon.com/e/ir?t=multandlinkda-21&l=btl&camp=213689&creative=392969&o=1&a=0596529260" style="border: none !important; margin: 0px !important; padding: 0px !important;" width="1" /> or <a href="http://www.amazon.com/Ajax-Definitive-Anthony-Holdener-III/dp/0596528388?ie=UTF8&tag=multandlinkda-21&link_code=btl&camp=213689&creative=392969" target="_blank">Ajax</a>. However, applications still don't understand each other, while experienced developers can "understand". In Web 3.0, you not only publish your data using common Web technologies, but also using Semantic Web technologies. You represent your data in rdf, publish it through SPARQL endpoint, using 3XX and content negotiation to dereference your rdf data, etc, etc. People with creative thinking can then build more powerful applications on it. That's linked data!</div><div><br />
</div><div>It seems to me that the roadmap described by Tim Berners Lee is, step by step, becoming true. You can never image how you can use linked data. You can't! Just because people are so creative.</div><div><i> <br />
</i></div>Anonymoushttp://www.blogger.com/profile/02633579987862060618noreply@blogger.com0tag:blogger.com,1999:blog-4819421804494813776.post-84040983859482088502011-08-01T23:02:00.000+01:002011-08-01T23:02:25.300+01:00Is Rich Snippet Saving Linked Data as well as Multimedia?As I said in my previous post <a href="http://afterglowlee.blogspot.com/2011/07/want-semantic-web-linked-data-job.html">Want a semantic web/ linked data job?</a>, how linked data is distributed to end users will depend on big companies. The current "big companies" will not necessarily survive after 10 years. When you are using the latest Google Chrome browser, can you still remember that it was Netscape who introduced massive users about what is a browser for the first time. Anyway, me, as a researcher and developer of linked data, have to flatter Google, Yahoo, Microsoft's favours, i.e. I have to create what they think valuable, and publish data to their favours... poor me...<br />
<br />
Here is an interesting presentation about Google's vision of using Linked data in its search:<br />
<a href="whttp://ww.future-internet.eu/uploads/media/r-fia-ghent.pdf">How Google is using Linked Data Today and Vision For Tomorrow</a><br />
<br />
Before I looked the presentation, I would expect Google mentions some giant projects in Linked Data, something like DBpedia, Freebase, RKBExplorer, Jena, Sesame, etc. But quite to my surprise, the presentation is more like an advertisement of <a href="http://www.w3.org/TR/xhtml-rdfa-primer/">RDFa</a> and <a href="http://www.amazon.com/Microformats-Made-Simple-Emily-Lewis/dp/0321660773?ie=UTF8&tag=multandlinkda-21&link_code=btl&camp=213689&creative=392969" target="_blank">microformats</a><img alt="" border="0" height="1" src="http://www.assoc-amazon.com/e/ir?t=multandlinkda-21&l=btl&camp=213689&creative=392969&o=1&a=0321660773" style="border: medium none ! important; margin: 0px ! important; padding: 0px ! important;" width="1" /> (known as Rich Snippet). Why? Google, you naughty boy! Google is a search engine indexing web pages, so where is the reason for Google to develop another big chunk of functions like <a href="http://www.sindice.com/">Sindice</a> to crawl triple stores? Google is clever and has already dominate most users' search experience. If you go to Sindice, you will find that if you are not an expert of semantic Web, you will have no idea how to do an efficient search and how to understand the search results.<br />
<br />
Google adopt the RDFa as the pattern of publishing linked data and use it to provide better search results. Some vocabularies, such as Event, Reviews, Geo location, etc, are now machine-understandable ( or more exactly, "Google understandable"). OK, what I really care about is the position of multimedia in Rich Snippet. If you copy the url of a Youtube video replaying page into Sindice's inspector tool, you won't find any RDFa. Is Youtube a company owned by Google? Yes! But where is RDFa in Youtube?<br />
<br />
Well, there are some resource about multimedia and RDFa Google is trying to work on RDFa and videos:<br />
<a href="http://googlewebmastercentral.blogspot.com/2009/09/supporting-facebook-share-and-rdfa-for.html">Supporting Facebook Share and RDFa for Videos</a><br />
It's a good step forward at least we can see some basic metadata about video in RDFa. And if you do embed these attributes in your page, you will find your search result in Google will display an thumb image instead of just a link. Isn't it great?<br />
<br />
However, that is not the end. Where are the media fragments then? I am fed up with WHOLE multimedia search now. I need to find media fragments! Can you index media fragments in RDFa? This picture is quite amazing in Google's linked data presentation:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-WRpTHgjqGMs/TjcgeqtSdSI/AAAAAAAAABo/Gd9k9qxFK-4/s1600/richsnippet.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="361" src="http://1.bp.blogspot.com/-WRpTHgjqGMs/TjcgeqtSdSI/AAAAAAAAABo/Gd9k9qxFK-4/s640/richsnippet.jpg" width="640" /></a></div><br />
But unfortunately, this is only a mockup! I am recently working on a demo of indexing UK Parliament debate video. I have tried to embed RDFa into the debate replay page. See the screen cast of the demo from youtube video. I used Media Fragment 1.0 draft and some Linked Open Data Event (LODE) ontologies to give a simple model of the debate. <br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><object class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://3.gvt0.com/vi/KkWI-DHLD_M/0.jpg" height="480" width="640"><param name="movie" value="http://www.youtube.com/v/KkWI-DHLD_M&fs=1&source=uds" /><param name="bgcolor" value="#FFFFFF" /><embed width="320" height="266" src="http://www.youtube.com/v/KkWI-DHLD_M&fs=1&source=uds" type="application/x-shockwave-flash"></embed></object></div><br />
I think Google will index media fragments embedded in RDFa one day. I can't see any reason why not. It will be same to Bing, Yahoo, or even Baidu in China~~~Anonymoushttp://www.blogger.com/profile/02633579987862060618noreply@blogger.com0tag:blogger.com,1999:blog-4819421804494813776.post-39959774695180826992011-07-28T21:56:00.000+01:002011-07-28T21:56:08.658+01:00Linked Data Books (1): Linked Data - Evolving the Web into a Global Data Space<iframe align="left" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://rcm.amazon.com/e/cm?t=multandlinkda-21&o=1&p=8&l=bpl&asins=1608454304&fc1=000000&IS2=1&lt1=_blank&m=amazon&lc1=0000FF&bc1=FFFFFF&bg1=FFFFFF&f=ifr" style="align: left; height: 245px; padding-right: 10px; padding-top: 5px; width: 131px;"></iframe>Compared with Computer Science, World Wide Web and Artificial Intelligence, linked data is a relatively new subject to learn. So it is important to find some books or articles to break the ice for beginners and bring them into the magic world of linked data. I think the very first book, which thoroughly described linked data and linked data applications, is Tom Heath and Christian Bizer's <i>Linked Data - Evolving the Web into a Global Data Space.</i><br />
<i><br />
</i><br />
Dr. Tom Heath is the lead researcher at <a href="http://www.talis.com/">Talis</a>, which is the leading research institution in linked data and semantic Web. Christian Bizer is one of the creators of well-known DBpedia. They wrote this book to demonstrate the state-of-art of linked data. Book starts from how linked data comes into being and why linked data is important in the current Web. Then they introduces the principles of linked data, which severs as the basic knowledge of publishing data on the Web.<br />
<br />
Well, you have know something about the Web first in order to understand why there are four linked data principles. If you know nothing about Web architecture and what is URI here are some links you might find helpful:<br />
<br />
<a href="http://www.w3.org/TR/webarch/">Architecture of World Wide Web</a><br />
<a href="http://en.wikipedia.org/wiki/Uniform_Resource_Identifier">What is URI on wikipedia</a><br />
<br />
This book nearly covers everything you would like to know about the current linked data, such as how to choose URIs, dereferecing methods and choosing vocabularies. It also mentions many tools (such as D2R server, sindice inspector, etc) that would be useful for developers to publish data.<br />
<br />
One of the figures I really like is the Figure 5.1 linked data publishing workflow<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-jvSlVtwTfE0/TjHKC9QJ_EI/AAAAAAAAABk/7bovfHckKo4/s1600/linkeddat_small.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="317" src="http://2.bp.blogspot.com/-jvSlVtwTfE0/TjHKC9QJ_EI/AAAAAAAAABk/7bovfHckKo4/s400/linkeddat_small.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Linked data publishing options and workflow</td></tr>
</tbody></table><div class="" style="clear: both; text-align: left;">This figure covers most of the routes leading from traditional structured data to linked data. More importantly, publishing linked data is not a one step task, you have to be patient and carefully evaluate each step.</div><div class="" style="clear: both; text-align: left;"><br />
</div><div class="" style="clear: both; text-align: left;">This is a great book, well from a technician's point of view. Everyone who wants to know linked data or any developer who wants to shift their systems to linked data should not miss this book. But don't forget that modern technologies are usually driven by big companies. Only the market and users can finally decide which technology survives. It is the same case to linked data. I am wondering, after ten years, when I look back into the content in this book, how many of them will become well-accepted and how many of them will just vanished. </div><div class="" style="clear: both; text-align: left;"><br />
</div><div class="" style="clear: both; text-align: left;">Further reading:</div><div class="" style="clear: both; text-align: left;"><a href="http://linkeddatabook.com/editions/1.0/">HTML version of this book</a></div><div class="" style="clear: both; text-align: left;"><a href="http://www.tomheath.com/papers/bizer-heath-berners-lee-ijswis-linked-data.pdf">Linked data: story so far</a> </div>Anonymoushttp://www.blogger.com/profile/02633579987862060618noreply@blogger.com0tag:blogger.com,1999:blog-4819421804494813776.post-56614481751091759862011-07-25T22:01:00.000+01:002011-07-25T22:01:54.565+01:00A short tutorial of Linked data: Southampton ECS Web Team › WTF is the Semantic Web?<div>University of Southampton is several pioneers all around world to publish the whole university data into linked data cloud. You can find the data at:</div><div><br /></div><div><a href="http://data.southampton.ac.uk">data.southampton.ac.uk</a></div><div><br /></div><div>Building, transport, curriculum, financial, classrooms, etc, information are all published as linked data. Chris Gutteridge is the main developer this open data. Here is his short tutorial of linked data:</div><div><br /></div><a href="http://blogs.ecs.soton.ac.uk/webteam/2011/07/22/wtf-is-the-semantic-web/">Southampton ECS Web Team › WTF is the Semantic Web?</a>Anonymoushttp://www.blogger.com/profile/02633579987862060618noreply@blogger.com0tag:blogger.com,1999:blog-4819421804494813776.post-42304077674462782982011-07-23T19:15:00.002+01:002011-07-23T19:25:10.067+01:00Want a semantic web/ linked data job?20 years ago, if somebody post a job position saying he or she wants to employ a web developer, nobody would understand what's that! However, see what is happening now. Not saying the big business, every tiny small business needs a web site to advertise themselves. Everybody knows what is a Web developer and there are thousands and millions of Web developers out there.<br />
<br />
Will this be the a similar story for linked data developers in 20 years time? We know PHP, Java, XML, Javascript, etc. Later there might be job requirement for SPARQL, OWL, RDF, etc. How far away these semantic Web technologies from our daily life?<br />
<br />
<a href="http://3.bp.blogspot.com/-OFq6E7OY1j4/TisRPOIp2YI/AAAAAAAAABg/wmCgSzvYHEY/s1600/where-linked-data-fits.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="303" src="http://3.bp.blogspot.com/-OFq6E7OY1j4/TisRPOIp2YI/AAAAAAAAABg/wmCgSzvYHEY/s400/where-linked-data-fits.png" width="400" /></a>It seems to me that currently, jobs about linked data and semantic Web usually stay in big research institutions and big companies who are "living" on the Web, such as Google, Yahoo, Microsoft, facebook, etc. There are several pioneer companies, such as Talis, Garlik, Seme4 and ordnance survey, which focus on semantic Web and linked data solutions. These companies provide semantic Web related software and help you publish your data into linked data cloud. If your go to http://www.semanticweb.com, you will find more companies or organisations like those.<br />
<br />
To make semantic Web and linked data more popular, there is a gap we have to fulfill, which is the gap between research and money. Certainly, if we want to persuade Lord Sugar to invest a company doing linked data or shift his current business into linked data, we have to give him a clear idea how much is the budget and where is the profit. Every businessman will ask similar question when comes to the concept of linked data: "how can linked data make money for me? And what benefit linked data can bring to me which is impossible for the current technologies?"<br />
<br />
It's not an easy question to answer as far as I know. At least, it's pretty difficult for me now to give a single example of what linked data can do (I mean linked data can do now, not in the future) but Google, IBM, Microsoft cannot. However, I believe that the big vision of linked data is so great that it could not be achieved in a couple of days time. Business man in UK has already sat down together in <a href="http://www.bis.gov.uk/news/topstories/2011/Apr/better-choices-better-deals">mydata initiative</a> to talk about how open data can finally make great profit to business. We need to be patient.<br />
<br />
I hope that after a while, when I come back to freelancer.co.uk or peopleperhour.com, I could find some jobs under the category of semantic Web or linked data publisher and bid on those jobs to earn some pocket money :=)Anonymoushttp://www.blogger.com/profile/02633579987862060618noreply@blogger.com1tag:blogger.com,1999:blog-4819421804494813776.post-49650406578715642472011-07-21T23:50:00.000+01:002011-07-21T23:50:24.445+01:00Why linked data worksWhy linked data works and what is the difference between semantic Web and Linked Data? Here is a famous presentation made by Tim Berners Lee in TED.<br />
<div class="separator" style="clear: both; text-align: center;"><object width="320" height="266" class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://2.gvt0.com/vi/OM6XIICm_qo/0.jpg"><param name="movie" value="http://www.youtube.com/v/OM6XIICm_qo&fs=1&source=uds" /><param name="bgcolor" value="#FFFFFF" /><embed width="320" height="266" src="http://www.youtube.com/v/OM6XIICm_qo&fs=1&source=uds" type="application/x-shockwave-flash"></embed></object></div><br />
In my opinion, linked data is the way lead to the big vision of semantic Web. Around 10 years ago, when Tim firstly described the vision of semantic Web, we haven't got a clear idea how the goal could be achieved. Many attempts have been made since then: RDF, RDFs, Web Ontology Language, SPARQL query language, RDFa, Jena, Sesame, triple store, AKT project, etc. However, semantic Web was still mysterious "weapon" controlled only by a group of researchers. Massive Web users were not be able to enjoy the benefit described by Tim ten years ago.<br />
<br />
Until recently, the coming up of linked data became the ice-breaker. More and more areas in everyday life starts to apply linked data. One famous example is the open government initiative (data.gov.uk). So, where is the difference between semantic web and linked data?<br />
<br />
The whole idea of semantic web is based on the mutual understanding of knowledge. The old way of reaching this mutual understanding is everybody sit down and have a chat in the hope that some day we can agree on certain vocabularies to describe the knowledge. I call it the top-down route to semantic Web. But, to be honest, is it possible? When I was doing my master degree in University of Southampton, the lecturer asked all the students to create an ontology to describe Pizza. Some students categorized pizza by vegetarian and non-vegetarian, while some of them categorized by the thickness of the pizza. Well, if we cannot agree on the description of a simple pizza, how can we agree on more complex concepts like planes and cars.<br />
<br />
OK, the top-down route is not that realistic. So the pioneers of semantic Web found another way of doing semantic web, which is the idea of Linked data. In TED speech, Tim emphasized the importance of putting raw data online. This is the basic idea of linked data: I don't care what vocabulary do you use to describe the things you want to publish, just publish it! Well, THERE ARE four linked data principles (<a href="http://www.w3.org/DesignIssues/LinkedData.html">http://www.w3.org/DesignIssues/LinkedData.html</a>) that publishers should follow, but at least we don't need to agree on a complex ontology before we even could publish data. I call this bottom-up way.<br />
<br />
So, next, why the bottom-up way works? Here is a metaphor. Two thousand years ago, there were languages like English, Chinese, French, etc. But Chinese didn't speak English and they were not even be bothered to learn English because Chinese didn't know British. With the development of the world's trading, Chinese, Japanese, French British have to do business with each other and here comes problem: we don't speak the same language! Somebody had the solution: let's create a completely new language which is "simple" enough for everybody for all countries to understand, which is just like the top-down method. Unfortunately, until now, all such efforts are fruitless. The real situation now is that English becomes the defacto "world language". I don't speak Japanese, but I can speak to a Japanese using English. The basis of English becoming world language is the development of world trading and the communication among different cultures is necessary. So the idea of linked data is like trying to put products into the world market first and let the market choose how the knowledge representation can connect to each other. I can expect that like the English language, we should put data open online first. We should admit that there are diverse understanding of concepts and then worry about how to reach a mutual understanding even though we decide to keep the diversity of understandings.Anonymoushttp://www.blogger.com/profile/02633579987862060618noreply@blogger.com0tag:blogger.com,1999:blog-4819421804494813776.post-12367774758301834382011-07-21T11:52:00.000+01:002011-07-21T11:56:45.703+01:00Why we need applying linked data principles into multimedia?<div class="MsoNormal">There has been the fast growth of multimedia sharing and annotation applications on the Web, which generate great amount of annotations for the multimedia resources. However, the indexing of these annotations to improve searching for media fragments, instead of the whole multimedia resources, is still not satisfactory. Many people many have the experience that going through a long long long video to just find out the one or two minutes useful fragments. </div><div class="MsoNormal"><br />
</div><div class="MsoNormal">Linked data describes a series of methods of publishing structured data using semantic Web technologies into machine readable format. So the basic idea of linked data is to encourage people put their data online in a generalised format, so that everybody, including machine agents, can take a look at it. </div><div class="MsoNormal"><br />
</div><div class="MsoNormal">As I said, the current video search results are not satisfactory, because many annotations are still on the WHOLE multimedia resource level. For most applications, descriptions, tags and comments only annotate the whole multimedia resource. In addition, they are not connected with media fragments and there is no efficient mechanism, except for traditional search engines, to interlink media fragments and annotations across different repositories. That's why we need linked data to break out these barriers. </div><div class="MsoNormal"><br />
</div><div class="MsoNormal"><br />
</div>Anonymoushttp://www.blogger.com/profile/02633579987862060618noreply@blogger.com0