2010-07-11 10:58:36 +00:00
|
|
|
# -*- coding: utf-8 -*-
|
|
|
|
|
# vim: autoindent shiftwidth=4 expandtab textwidth=80 tabstop=4 softtabstop=4
|
|
|
|
|
|
|
|
|
|
###############################################################################
|
|
|
|
|
# OpenLP - Open Source Lyrics Projection #
|
|
|
|
|
# --------------------------------------------------------------------------- #
|
|
|
|
|
# Copyright (c) 2008-2010 Raoul Snyman #
|
|
|
|
|
# Portions copyright (c) 2008-2010 Tim Bentley, Jonathan Corwin, Michael #
|
|
|
|
|
# Gorven, Scott Guerrieri, Christian Richter, Maikel Stuivenberg, Martin #
|
|
|
|
|
# Thompson, Jon Tibble, Carsten Tinggaard #
|
|
|
|
|
# --------------------------------------------------------------------------- #
|
|
|
|
|
# This program is free software; you can redistribute it and/or modify it #
|
|
|
|
|
# under the terms of the GNU General Public License as published by the Free #
|
|
|
|
|
# Software Foundation; version 2 of the License. #
|
|
|
|
|
# #
|
|
|
|
|
# This program is distributed in the hope that it will be useful, but WITHOUT #
|
|
|
|
|
# ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or #
|
|
|
|
|
# FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for #
|
|
|
|
|
# more details. #
|
|
|
|
|
# #
|
|
|
|
|
# You should have received a copy of the GNU General Public License along #
|
|
|
|
|
# with this program; if not, write to the Free Software Foundation, Inc., 59 #
|
|
|
|
|
# Temple Place, Suite 330, Boston, MA 02111-1307 USA #
|
|
|
|
|
###############################################################################
|
|
|
|
|
|
|
|
|
|
from openlp.core.lib import image_to_byte
|
|
|
|
|
|
|
|
|
|
HTMLSRC = u"""
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>OpenLP Display</title>
|
|
|
|
|
<style>
|
|
|
|
|
*{
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding:0
|
|
|
|
|
}
|
|
|
|
|
%s
|
|
|
|
|
%s
|
|
|
|
|
%s
|
|
|
|
|
%s
|
2010-07-11 12:35:41 +00:00
|
|
|
%s
|
2010-07-11 10:58:36 +00:00
|
|
|
</style>
|
|
|
|
|
<script language="javascript">
|
|
|
|
|
var t = null;
|
|
|
|
|
|
|
|
|
|
function startfade(newtext){
|
|
|
|
|
var text1 = document.getElementById('lyrics');
|
|
|
|
|
var text2 = document.getElementById('lyrics2');
|
|
|
|
|
if(text2.style.opacity==''||parseFloat(text2.style.opacity) < 0.5){
|
|
|
|
|
text2.innerHTML = text1.innerHTML;
|
|
|
|
|
text2.style.opacity = text1.style.opacity;
|
|
|
|
|
}
|
|
|
|
|
text1.style.opacity = 0;
|
|
|
|
|
text1.innerHTML = newtext;
|
|
|
|
|
if(t!=null)
|
|
|
|
|
clearTimeout(t);
|
|
|
|
|
t = setTimeout('fade()', 50);
|
|
|
|
|
}
|
|
|
|
|
function fade(){
|
|
|
|
|
var text1 = document.getElementById('lyrics');
|
|
|
|
|
var text2 = document.getElementById('lyrics2');
|
|
|
|
|
if(parseFloat(text1.style.opacity) < 1)
|
|
|
|
|
text1.style.opacity = parseFloat(text1.style.opacity) + 0.02;
|
|
|
|
|
if(parseFloat(text2.style.opacity) > 0)
|
|
|
|
|
text2.style.opacity = parseFloat(text2.style.opacity) - 0.02;
|
|
|
|
|
if((parseFloat(text1.style.opacity) < 1)||(parseFloat(text2.style.opacity) > 0))
|
|
|
|
|
t = setTimeout('fade()', 50);
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="lyrics" class="lyrics"></div>
|
|
|
|
|
<div id="lyrics2" class="lyrics"></div>
|
|
|
|
|
<div id="alert"></div>
|
|
|
|
|
<video id="video"></video>
|
|
|
|
|
%s
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
"""
|
|
|
|
|
def build_html(theme, screen, alert, image):
|
|
|
|
|
width = screen[u'size'].width()
|
|
|
|
|
height = screen[u'size'].height()
|
|
|
|
|
html = HTMLSRC % (build_video(theme, width, height, alert),
|
|
|
|
|
build_image(theme, width, height, alert),
|
|
|
|
|
build_lyrics(theme, width, height, alert),
|
|
|
|
|
build_alert(theme, width, height, alert),
|
2010-07-11 12:35:41 +00:00
|
|
|
build_image(theme, width, height, alert),
|
|
|
|
|
build_image_src(theme, width, height, alert, image))
|
2010-07-11 10:58:36 +00:00
|
|
|
return html
|
|
|
|
|
|
|
|
|
|
def build_video(theme, width, height, alert):
|
|
|
|
|
video = """
|
|
|
|
|
#video {
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0px;
|
|
|
|
|
top: 0px;
|
|
|
|
|
width: 640px
|
|
|
|
|
height: 480px;
|
|
|
|
|
z-index:1;
|
|
|
|
|
}
|
|
|
|
|
"""
|
|
|
|
|
return video
|
|
|
|
|
|
|
|
|
|
def build_image(theme, width, height, alert):
|
|
|
|
|
image = """
|
|
|
|
|
#image {
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0px;
|
|
|
|
|
top: 0px;
|
|
|
|
|
width: %spx;
|
|
|
|
|
height: %spx;
|
|
|
|
|
z-index:2;
|
|
|
|
|
}
|
|
|
|
|
"""
|
|
|
|
|
return image % (width, height)
|
|
|
|
|
|
|
|
|
|
def build_image_src(theme, width, height, alert, image):
|
|
|
|
|
# <img src="" height="480" width="640" />
|
|
|
|
|
image_src = """
|
|
|
|
|
<img src="data:image/png;base64,%s">";
|
|
|
|
|
"""
|
2010-07-11 12:35:41 +00:00
|
|
|
return str(image_src % image_to_byte(image))
|
2010-07-11 10:58:36 +00:00
|
|
|
|
|
|
|
|
def build_lyrics(theme, width, height, alert):
|
|
|
|
|
lyrics = """
|
|
|
|
|
.lyrics {
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0px;
|
|
|
|
|
top: 0px;
|
|
|
|
|
width: 640px;
|
|
|
|
|
height: 480px;
|
|
|
|
|
z-index:3;
|
|
|
|
|
text-shadow: 2px 2px 2px green;
|
|
|
|
|
font-size: 40px;
|
|
|
|
|
}
|
|
|
|
|
"""
|
|
|
|
|
return lyrics
|
|
|
|
|
|
|
|
|
|
def build_alert(theme, width, height, alert):
|
|
|
|
|
alert = """
|
|
|
|
|
#alert {
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0px;
|
|
|
|
|
top: 70px;
|
|
|
|
|
width: %spx;
|
|
|
|
|
height: 10px;
|
|
|
|
|
z-index:4;
|
|
|
|
|
font-size: 50px;
|
|
|
|
|
}
|
|
|
|
|
#alert p {
|
|
|
|
|
background-color: red;
|
|
|
|
|
}
|
|
|
|
|
"""
|
|
|
|
|
return alert % (width)
|
