Userscripts.org

There are 4 previous versions of this script.

// ==UserScript==
// @name	Tweetspeak
// @namespace	http://labs.rbardini.com/
// @description	Listen to any tweet in its original language on Twitter web interface
// @author	Rafael Bardini
// @version	1.3
// @include	http://twitter.com/*
// @include	https://twitter.com/*
// ==/UserScript==

(function tweetspeak() {
	var _window = (typeof unsafeWindow !== 'undefined') ? unsafeWindow : window;
	if (typeof _window.jQuery === 'undefined') {
		window.setTimeout(tweetspeak, 200);
	} else {
		var $ = jQuery = _window.jQuery,
			appId = '7F49F33CD9011FCDCC9ADD5E88B79B6B82525881',
			baseUri = 'http://api.microsofttranslator.com/V2/Ajax.svc/',
			format = 'audio/wav',
			supported  = ['ca','ca-es','da','da-dk','de','de-de','en','en-au','en-ca','en-gb','en-in','en-us','es','es-es','es-mx','fi','fi-fi','fr','fr-ca','fr-fr','it','it-it','ja','ja-jp','ko','ko-kr','nb-no','nl','nl-nl','no','pl','pl-pl','pt','pt-br','pt-pt','ru','ru-ru','sv','sv-se','zh-chs','zh-cht','zh-cn','zh-hk','zh-tw'];
		init();
	}
	
	function invokeService(methodName, data, callback) {
		if (typeof (data) === 'undefined') {
			data = {};
		}
		data.appId = appId;
		
		return $.ajax({
			url: baseUri+methodName,
			dataType: 'jsonp',
			jsonp: 'oncomplete',
			data: data
		}).success(function(data) {
				if (typeof callback === 'function') {
					callback(data);
				}
		});
	}
	
	function speak() {
		var title = $(this).find('b').text('Loading...'),
			tweet = $(this).closest('.content').find('.js-tweet-text').text().replace(/\"/g, '\''),
			data = {text:tweet, format:format};
		
		invokeService('Detect', data, function(language) {
			if ($.inArray(language, supported) !== -1) {
				data.language = language;
				invokeService('Speak', data, function(stream) {
					var audio = document.createElement('audio');
					audio.src = stream;
					audio.play();
					
					audio.addEventListener('playing', function() {
						title.text('Speaking ('+language.toUpperCase()+')');
					}, false);
					audio.addEventListener('ended', function() {
						title.text('Speak');
					}, false);
				});
			} else {
				title.text('Can\'t speak in '+language.toUpperCase());
			}
		});
	}
	
	function addAnchor(el) {
		var anchor = '<li class="action-speak-container"><a class="with-icn js-action-speak" href="#" title="Speak"><i class="sm-speak"/><b>Speak</b></a></li>',
			lastAction = el.find('.tweet-actions').children().last();
		
		$(anchor).insertAfter(lastAction).click(speak);
		if (lastAction.is('.action-speak-container')) {
			lastAction.remove();
		}
	}
	
	function init() {
		$('head').append('<style>.js-action-speak {color:#0064CD !important} .sm-speak {background:#0064CD url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAcCAMAAABWBG9SAAAACVBMVEUAAAD29vb///8kb9lQAAAAAXRSTlMAQObYZgAAAEZJREFUeNqVzzEOACAMQtGv9z+0aerQpKQo41sAlsiICEQggRQkE9axqEFs0VU7/uP7FhkRgQgkkIJkwjoWNYgtumrHv38/oAMCv8Ts8xAAAAAASUVORK5CYII=") no-repeat left top; width:14px; height:14px} .opened-tweet .sm-speak {background-position:left bottom}</style>');
		
		var audio = document.createElement('audio');
		
		if (audio !== null && audio.canPlayType && audio.canPlayType(format)) {
			$('.stream-item').each(function() {
				addAnchor($(this));
			});
			$(document).bind('DOMNodeInserted', function(event) {
				var el = $(event.target);
				if (el.is('.stream-item')) {
					addAnchor(el);
				}
			});
		}
	}
})();