4 |
43 | {% endblock %}
--------------------------------------------------------------------------------
/website/routes.py:
--------------------------------------------------------------------------------
1 | from flask import Flask, render_template, request, jsonify
2 | from flask.ext.cors import cross_origin
3 | from screenbloom import models, db
4 | from datetime import datetime
5 | from sqlalchemy import desc
6 | import json
7 | import os
8 |
9 | app = Flask(__name__)
10 | app.secret_key = os.urandom(24)
11 |
12 |
13 | @app.route('/')
14 | def screenbloom():
15 | current_version = '2.0'
16 | return render_template('/welcome.html',
17 | version=current_version)
18 |
19 |
20 | @app.route('/version-check', methods=['POST', 'OPTIONS'])
21 | @cross_origin(headers='Content-Type')
22 | def version_check():
23 | if request.method == 'POST':
24 | current_version = 2.0
25 | app_version = float(request.json)
26 |
27 | message = ''
28 | if app_version < current_version:
29 | message = 'A new version is available!'
30 |
31 | data = {
32 | 'message': message
33 | }
34 | return jsonify(data)
35 | else:
36 | return 'You got it, dude'
37 |
38 |
39 | @app.route('/view-download-analytics')
40 | def view_download_analytics():
41 | return render_template('/analytics.html')
42 |
43 |
44 | @app.route('/get-analytics-data', methods=['POST'])
45 | def get_analytics_data():
46 | if request.method == 'POST':
47 | dates = request.json
48 | date1 = datetime.strptime(dates['date1'], '%Y-%m-%d')
49 | date2 = datetime.strptime(dates['date2'], '%Y-%m-%d')
50 |
51 | Download = models.Download
52 | downloads = Download.query.filter(Download.date.between(date1, date2)).order_by(desc(Download.id)).all()
53 | new_downloads = []
54 | for download in downloads:
55 | tmp = {
56 | 'id': download.id,
57 | 'date': download.date,
58 | 'version': download.version,
59 | 'build': download.build,
60 | 'location_info': download.location_info,
61 | 'user_agent': download.user_agent
62 | }
63 | new_downloads.append(tmp)
64 |
65 | response = {
66 | 'downloads': new_downloads
67 | }
68 |
69 | return jsonify(response)
70 |
71 |
72 | # Record download in DB
73 | @app.route('/download-analytics', methods=['POST'])
74 | def download_analytics():
75 | if request.method == 'POST':
76 | data = request.json
77 | build = data['build']
78 | version = data['version']
79 | user_agent = str(request.headers.get('User-Agent'))
80 |
81 | try:
82 | location_info = json.dumps(data['locationInfo'])
83 | except KeyError:
84 | location_info = ''
85 |
86 | new_download = models.Download(date=datetime.now(),
87 | version=version,
88 | build=build,
89 | user_agent=user_agent,
90 | location_info=location_info)
91 | db.session.add(new_download)
92 | db.session.commit()
93 | return 'Hello world!'
--------------------------------------------------------------------------------
/app/modules/view_logic.py:
--------------------------------------------------------------------------------
1 | import sb_controller
2 | import hue_interface
3 | import utility
4 | import json
5 | import ast
6 |
7 |
8 | def get_index_data():
9 | config_dict = utility.get_config_dict()
10 |
11 | hue_ip = config_dict['ip']
12 | username = config_dict['username']
13 | auto_start = config_dict['autostart']
14 | current_preset = config_dict['current_preset']
15 |
16 | update = config_dict['update']
17 | update_buffer = config_dict['update_buffer']
18 | max_bri = config_dict['max_bri']
19 | min_bri = config_dict['min_bri']
20 | bulb_settings = json.loads(config_dict['bulb_settings'])
21 | zones = ast.literal_eval(config_dict['zones'])
22 | zone_state = config_dict['zone_state']
23 | display_index = config_dict['display_index']
24 | sat = config_dict['sat']
25 |
26 | party_mode = config_dict['party_mode']
27 |
28 | state = config_dict['app_state']
29 |
30 | lights = hue_interface.get_lights_data(hue_ip, username)
31 | for light in lights:
32 | light.append(int(bulb_settings[unicode(light[0])]['max_bri']))
33 | light.append(int(bulb_settings[unicode(light[0])]['min_bri']))
34 | light[2] = str(light[2])
35 |
36 | lights.sort(key=lambda x: x[2])
37 | presets = utility.get_all_presets()
38 |
39 | icon_size = 10
40 | if len(lights) > 3:
41 | icon_size = 4
42 |
43 | data = {
44 | 'auto_start_state': auto_start,
45 | 'update': update,
46 | 'update_buffer': update_buffer,
47 | 'max_bri': max_bri,
48 | 'min_bri': min_bri,
49 | 'default': config_dict['default'],
50 | 'lights': lights,
51 | 'lights_number': len(lights),
52 | 'icon_size': icon_size,
53 | 'username': username,
54 | 'party_mode': party_mode,
55 | 'zones': zones,
56 | 'zone_state': zone_state,
57 | 'display_index': display_index,
58 | 'sat': sat,
59 | 'presets': presets,
60 | 'current_preset': current_preset,
61 | 'state': state,
62 | }
63 | return data
64 |
65 |
66 | def start_screenbloom():
67 | config = utility.get_config_dict()
68 | state = config['app_state']
69 | sb_controller.get_screen_object().bulb_state = 'on'
70 |
71 | if state:
72 | message = 'ScreenBloom already running'
73 | else:
74 | sb_controller.re_initialize()
75 | sb_controller.start()
76 |
77 | message = 'ScreenBloom Started!'
78 |
79 | data = {
80 | 'message': message
81 | }
82 | return data
83 |
84 |
85 | def stop_screenbloom():
86 | sb_controller.stop()
87 | sb_controller.re_initialize()
88 | sb_controller.update_bulb_default()
89 |
90 | data = {
91 | 'message': 'ScreenBloom stopped'
92 | }
93 | return data
94 |
95 |
96 | def restart_check():
97 | global t
98 |
99 | try:
100 | if t.isAlive():
101 | t.join()
102 | sb_controller.start()
103 | else:
104 | sb_controller.re_initialize()
105 | except NameError:
106 | sb_controller.re_initialize()
107 |
--------------------------------------------------------------------------------
/app/modules/img_proc.py:
--------------------------------------------------------------------------------
1 | from PIL import ImageEnhance
2 | from config import params
3 | import utility
4 |
5 | if params.BUILD == 'win':
6 | from desktopmagic.screengrab_win32 import getDisplaysAsImages, getRectAsImage
7 | else:
8 | from PIL import ImageGrab
9 |
10 |
11 | LOW_THRESHOLD = 10
12 | MID_THRESHOLD = 40
13 | HIGH_THRESHOLD = 240
14 |
15 |
16 | # Return avg color of all pixels and ratio of dark pixels for a given image
17 | def img_avg(img):
18 | dark_pixels = 1
19 | mid_range_pixels = 1
20 | total_pixels = 1
21 | r = 1
22 | g = 1
23 | b = 1
24 |
25 | # Win version of imgGrab does not contain alpha channel
26 | if img.mode == 'RGB':
27 | img.putalpha(0)
28 |
29 | # Create list of pixels
30 | pixels = list(img.getdata())
31 |
32 | for red, green, blue, alpha in pixels:
33 | # Don't count pixels that are too dark
34 | if red < LOW_THRESHOLD and green < LOW_THRESHOLD and blue < LOW_THRESHOLD:
35 | dark_pixels += 1
36 | # Or too light
37 | elif red > HIGH_THRESHOLD and green > HIGH_THRESHOLD and blue > HIGH_THRESHOLD:
38 | pass
39 | else:
40 | if red < MID_THRESHOLD and green < MID_THRESHOLD and blue < MID_THRESHOLD:
41 | mid_range_pixels += 1
42 | dark_pixels += 1
43 | r += red
44 | g += green
45 | b += blue
46 | total_pixels += 1
47 |
48 | n = len(pixels)
49 | r_avg = r / n
50 | g_avg = g / n
51 | b_avg = b / n
52 | rgb = [r_avg, g_avg, b_avg]
53 |
54 | # If computed average below darkness threshold, set to the threshold
55 | for index, item in enumerate(rgb):
56 | if item <= LOW_THRESHOLD:
57 | rgb[index] = LOW_THRESHOLD
58 |
59 | rgb = (rgb[0], rgb[1], rgb[2])
60 |
61 | data = {
62 | 'rgb': rgb,
63 | 'dark_ratio': float(dark_pixels) / float(total_pixels) * 100
64 | }
65 | return data
66 |
67 |
68 | # Grabs screenshot of current window, calls img_avg (including on zones if present)
69 | def screen_avg(_screen):
70 | screen_data = {}
71 |
72 | # Win version uses DesktopMagic for multiple displays
73 | if params.BUILD == 'win':
74 | try:
75 | img = getRectAsImage(_screen.bbox)
76 | except IndexError:
77 | utility.display_check(_screen)
78 | img = getRectAsImage(_screen.bbox)
79 | # Mac version uses standard PIL ImageGrab
80 | else:
81 | img = ImageGrab.grab()
82 |
83 | # Resize for performance - this could be a user editable setting
84 | size = (16, 9)
85 | img = img.resize(size)
86 |
87 | # Enhance saturation according to user settings
88 | sat_scale_factor = float(_screen.sat)
89 | if sat_scale_factor > 1.0:
90 | sat_converter = ImageEnhance.Color(img)
91 | img = sat_converter.enhance(sat_scale_factor)
92 |
93 | zone_result = []
94 | if _screen.zone_state:
95 | for zone in _screen.zones:
96 | box = (int(zone['x1']), int(zone['y1']), int(zone['x2']), int(zone['y2']))
97 | zone_img = img.copy().crop(box)
98 | zone_data = img_avg(zone_img)
99 | zone_data['bulbs'] = zone['bulbs']
100 | zone_result.append(zone_data)
101 |
102 | screen_data['zones'] = zone_result
103 | else:
104 | screen_data = img_avg(img)
105 |
106 | return screen_data
107 |
108 |
109 | def get_monitor_screenshots():
110 | return getDisplaysAsImages()
111 |
--------------------------------------------------------------------------------
/website/templates/analytics.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Hello!
5 | 6 |
7 |
34 | 1Enter your Hue Bridge's IP Address 35 | Where can I find my Hue Bridge's IP? 36 |
37 | 2Press the link button on your bridge.
38 | 3Click the button below within 30 seconds to register. 39 |
40 |
41 |
8 |
9 |
10 |
32 |
33 | It looks like there was a problem grabbing your Hue Bridge's IP
11 |
31 | Your bridge's IP can be found in a few ways
12 | 13 | 1 14 |If you're currently connected to the same network as your bridge, you should be able to
15 | find your IP in the result returned by this URL:
16 | Click Here
17 |
21 | Log in to your account at meethue.com.
22 | Click Settings > My bridge > More bridge details
23 | Your IP address is listed as Internal IP Address
24 |
28 | Use an IP scanning program to locate the bridge's IP 29 |
30 |34 | 1Enter your Hue Bridge's IP Address 35 | Where can I find my Hue Bridge's IP? 36 |
37 | 2Press the link button on your bridge.
38 | 3Click the button below within 30 seconds to register. 39 |
Register ScreenBloom
42 |
24 |
25 |
26 |
27 |
28 |
32 |
33 |
29 |
31 | Screen
Bloom
30 |
34 |
35 |
36 | {% block content %}{% endblock %}
37 |
38 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
76 |
125 |
126 |
--------------------------------------------------------------------------------
/website/static/js/screenbloom.js:
--------------------------------------------------------------------------------
1 | var siteConfig = {
2 | 'analyticsUrl' : '',
3 | 'gfyGroups' : [],
4 | 'gfyIndex' : 0
5 | };
6 |
7 | function screenBloom() {
8 | callFakeScreenBloom();
9 | clickScroll();
10 | hiddenMenu();
11 | crappyAnalytics();
12 | buttonColors();
13 | moreGifsBtn();
14 | prevVersionsBtn();
15 | colorMedia();
16 | }
17 |
18 | function colorMedia() {
19 | $('.gif-wrapper, .video, .screenshot').each(function () {
20 | var color = randomColor({luminosity: 'dark'});
21 | $(this).css('border-color', color);
22 | });
23 | }
24 |
25 | function moreGifsBtn() {
26 | var gfyNames = [
27 | 'EachCalmArmednylonshrimp',
28 | 'AmusedFantasticFireant',
29 | 'DefiantThickHalicore',
30 | 'DownrightEnormousHypacrosaurus',
31 | 'CompetentWindingAfricangoldencat',
32 | 'CommonNaughtyArkshell',
33 | 'WindyExcellentEasteuropeanshepherd',
34 | 'UnselfishHollowAntipodesgreenparakeet',
35 | 'IckyLargeAnt',
36 | 'NippyImpeccableFreshwatereel',
37 | 'LimpingOrdinaryArcticseal',
38 | 'ActualInfiniteIraniangroundjay',
39 | 'HeartyVigilantCaudata',
40 | 'AptWavyDachshund',
41 | 'SpectacularJoyfulBighorn',
42 | 'AthleticBelatedAoudad',
43 | 'EminentRadiantGelding',
44 | 'GlossyOptimisticItalianbrownbear',
45 | 'ZestyAnchoredCurassow',
46 | 'ScornfulWarpedAztecant'
47 | ];
48 |
49 | var gifsPerGroup = 4,
50 | counter = 1,
51 | group = [],
52 | groups = [];
53 |
54 | // Sort gfycats into groups to stagger loading
55 | for (var i=0; i
39 |
42 |
43 |
58 |
59 |
60 |
61 | 
62 |
63 |
64 |
62 |
63 | ' +
155 | '= zone.y1 && lineIndex <= zone.y2 && cellIndex >= zone.x1 && cellIndex <= zone.x2) {
382 | curCell.css('background-color', zoneGrid.colors[zoneIndex]);
383 | }
384 | });
385 | }
386 | }
387 | }
388 |
389 | function markCell(cell, validate) {
390 | if (validate === true) {
391 | cell.addClass('selected');
392 | }
393 | cell.css({
394 | 'background-color': zoneGrid.colors[zoneGrid.zonesTemp.length]
395 | });
396 | }
397 |
398 | //change the color of cells, and add class 'selected' if validate is true
399 | function selectZone(corners, validate) {
400 | for (var lineIndex=corners.y1; lineIndex<=corners.y2; lineIndex++) {
401 | for (var cellIndex=corners.x1; cellIndex<= corners.x2; cellIndex++) {
402 | var cellId = "cell-" + lineIndex + "-" + cellIndex,
403 | cell = $('#' + cellId);
404 | markCell(cell, validate);
405 | }
406 | }
407 | }
408 |
409 | // Standard Fisher-Yates array shuffle
410 | function shuffle(array) {
411 | var currentIndex = array.length, temporaryValue, randomIndex;
412 |
413 | // While there remain elements to shuffle...
414 | while (0 !== currentIndex) {
415 |
416 | // Pick a remaining element...
417 | randomIndex = Math.floor(Math.random() * currentIndex);
418 | currentIndex -= 1;
419 |
420 | // And swap it with the current element.
421 | temporaryValue = array[currentIndex];
422 | array[currentIndex] = array[randomIndex];
423 | array[randomIndex] = temporaryValue;
424 | }
425 |
426 | return array;
427 | }
428 |
429 | //== AJAX Calls ===================================================================================
430 | // Grabs values from DOM, sends to server to be persisted
431 | function saveGridResults() {
432 | zoneGrid.zones = [];
433 | $('.zone-container').each(function() {
434 | var zoneIndex = $(this).data('id'),
435 | bulbs = $(this).attr('data-bulbs').split(','),
436 | x1 = $(this).data('x1'),
437 | x2 = $(this).data('x2'),
438 | y1 = $(this).data('y1'),
439 | y2 = $(this).data('y2');
440 |
441 | if (bulbs != '') {
442 | zoneGrid.zones[zoneIndex] = {};
443 | zoneGrid.zones[zoneIndex].bulbs = bulbs;
444 | zoneGrid.zones[zoneIndex].x1 = x1;
445 | zoneGrid.zones[zoneIndex].x2 = x2;
446 | zoneGrid.zones[zoneIndex].y1 = y1;
447 | zoneGrid.zones[zoneIndex].y2 = y2;
448 | }
449 | });
450 | zoneGrid.zonesTemp = zoneGrid.zones.slice(0);
451 |
452 | $.ajax({
453 | url : $SCRIPT_ROOT + zoneGrid.updateZonesUrl,
454 | method : 'POST',
455 | contentType : 'application/json;charset=UTF-8',
456 | data : JSON.stringify(zoneGrid.zones),
457 | success: function (result) {
458 | console.log(result);
459 | updateGridLights();
460 | buildGrid();
461 | notification(result['message']);
462 | },
463 | error: function (result) {
464 | console.log(result);
465 | }
466 | });
467 | }
468 |
469 | function toggleZoneMode() {
470 | var zoneStateDiv = $('#zone-state'),
471 | settingCircle = $('#zoneBtn.setting-circle'),
472 | btn = $('#toggle-zone-mode');
473 |
474 | if (zoneGrid.state) {
475 | zoneStateDiv.html('Off');
476 | zoneGrid.state = 0;
477 | btn.find('i').attr('class', 'fa fa-play');
478 | btn.find('span').text('Turn Zone Mode On');
479 | btn.removeClass('toggle-zone-mode-selected');
480 | } else {
481 | zoneStateDiv.html('On');
482 | zoneGrid.state = 1;
483 | btn.find('i').attr('class', 'fa fa-stop');
484 | btn.find('span').text('Turn Zone Mode Off');
485 | btn.addClass('toggle-zone-mode-selected');
486 | }
487 | $.ajax({
488 | url : $SCRIPT_ROOT + zoneGrid.toggleZonesUrl,
489 | method : 'POST',
490 | contentType : 'application/json;charset=UTF-8',
491 | data : JSON.stringify(zoneGrid.state),
492 | success: function (result) {
493 | console.log(result);
494 | notification(result['message']);
495 | settingCircle.removeClass('setting-clicked');
496 | },
497 | error: function (result) {
498 | console.log(result);
499 | }
500 | });
501 | }
502 |
503 | function takeScreenshot() {
504 | notification('3...');
505 | zoneGrid.beep.play();
506 | setTimeout(function() {
507 | notification('2...');
508 | zoneGrid.beep.play();
509 | setTimeout(function() {
510 | notification('1...');
511 | zoneGrid.beep.play();
512 | setTimeout(function() {
513 | $.ajax({
514 | url : $SCRIPT_ROOT + zoneGrid.screenshotUrl,
515 | method : 'POST',
516 | contentType : 'application/json;charset=UTF-8',
517 | success: function (result) {
518 | console.log(result);
519 | zoneGrid.camera.play();
520 | notification(result['message']);
521 | $('#grid-image').attr('src', 'data:image/png;base64,' + result['base64_data']);
522 | },
523 | error: function (result) {
524 | console.log(result);
525 | }
526 | });
527 | }, 1000);
528 | }, 1000);
529 | }, 1000);
530 | }
--------------------------------------------------------------------------------
/app/templates/home.html:
--------------------------------------------------------------------------------
1 | {% extends "/base.html" %}
2 | {% block content %}
3 |
4 | ScreenBloom
24 |
25 |
26 |
43 |
44 |
' +
156 | '
';
157 |
158 | // Add bulb objects
159 | for (var i=0; i 0) {
241 | confirmBtn.data('zoneIndex', zoneIndex);
242 | wrapper.css({
243 | 'top' : pos.top - 125 + 'px',
244 | 'left' : pos.left - 25 + 'px'
245 | });
246 | wrapper.removeClass('hidden');
247 | } else {
248 | confirmBtn.data('zoneIndex', -1);
249 | notification('No active lights available to assign to this zone');
250 | }
251 | });
252 |
253 | // Close available bulbs div
254 | closeFormBtn.off('click');
255 | closeFormBtn.on('click', function() {
256 | wrapper.addClass('hidden');
257 | });
258 |
259 | // Toggle selected class when clicking on bulbs
260 | bulbIcon.off('click');
261 | bulbIcon.on('click', function() {
262 | $(this).toggleClass('available-bulb-selected');
263 | });
264 |
265 | // Update zoneGrid[zoneIndex].bulbs with selected ones
266 | confirmBtn.off('click');
267 | confirmBtn.on('click', function() {
268 | var zoneIndex = $(this).data('zoneIndex'),
269 | container = $('#zone-container-' + zoneIndex);
270 | wrapper.addClass('hidden');
271 | updateZoneBulbs(zoneIndex);
272 | updateGridLights();
273 | buildGrid();
274 | });
275 | }
276 |
277 | function updateAvailableBulbsDiv() {
278 | var div = $('.available-bulbs-wrapper'),
279 | html = '';
280 |
281 | div.html('');
282 | for (var i=0; i' +
285 | '' +
286 | '' + zoneGrid.lightsMaster[lightId] + '' +
287 | '
';
288 | }
289 | div.html(html);
290 | }
291 |
292 | function getZoneBulbWrapperHtml(bulbId) {
293 | var bulb = zoneGrid.lightsMaster[bulbId];
294 | return '' +
295 | '' +
296 | '' +
297 | '
';
298 | }
299 |
300 | //== HTML Grid Helper Functions ===================================================================
301 | //preview mode
302 | function cellOver() {
303 | if (zoneGrid.selectionStarted) {
304 | var curCell = $(this),
305 | corners = getCorners(zoneGrid.startCell, curCell);
306 | clearPixels();
307 | selectZone(corners, false); //just preview
308 | }
309 | }
310 |
311 | //on click, for start or stop selection
312 | function cellClick() {
313 | var curCell = $(this);
314 | emptyZoneCheck();
315 |
316 | if (zoneGrid.availableLights.length > 0) {
317 | if (!zoneGrid.emptyZones) {
318 | //first click to start selection
319 | if (!zoneGrid.selectionStarted) {
320 | zoneGrid.startCell = curCell;
321 | markCell(curCell, true);
322 | zoneGrid.selectionStarted = true;
323 | } else {
324 | //second click to end selection
325 | zoneGrid.endCell = curCell;
326 | zoneGrid.selectionStarted = false;
327 | var corners = getCorners(zoneGrid.startCell, zoneGrid.endCell);
328 | validateZone(corners);
329 | buildGrid();
330 | }
331 | } else {
332 | notification('An empty zone is available');
333 | }
334 | } else {
335 | notification('No active lights are available for a new zone');
336 | }
337 | }
338 |
339 | // zoneGrid.emptyZones = true if there are empty zone containers
340 | function emptyZoneCheck() {
341 | zoneGrid.emptyZones = false;
342 | $('.zone-container').each(function() {
343 | var bulbs = $(this).data('bulbs');
344 | if (bulbs === '') {
345 | zoneGrid.emptyZones = true;
346 | }
347 | });
348 | }
349 |
350 | //get the top left and bottom right corners from two cells
351 | function getCorners(cellA, cellB) {
352 | return {
353 | 'x1': Math.min(cellA.attr('id').split('-')[2], cellB.attr('id').split('-')[2]),
354 | 'y1': Math.min(cellA.attr('id').split('-')[1], cellB.attr('id').split('-')[1]),
355 | 'x2': Math.max(cellA.attr('id').split('-')[2], cellB.attr('id').split('-')[2]),
356 | 'y2': Math.max(cellA.attr('id').split('-')[1], cellB.attr('id').split('-')[1])
357 | };
358 | }
359 |
360 | // Called when a new zone is created
361 | function validateZone(corners) {
362 | corners.bulbs = [];
363 | zoneGrid.zonesTemp.push(corners); // add zone to zoneGrid object
364 |
365 | selectZone(corners, true); // update color and mark as selected
366 | updateGridLights();
367 | buildGrid();
368 | }
369 |
370 | //clear unselected pixels
371 | function clearPixels() {
372 | for (var lineIndex=0; lineIndex' + bulb + '
5 |
289 |
290 | Settings
6 |
7 |
8 |
60 |
61 |
9 |
19 |
20 |
10 | Max
11 | {{ max_bri }}
12 |
13 |
14 |
15 | Min
16 | {{ min_bri }}
17 |
18 | Global
Brightness
21 |
22 |
59 | Brightness
62 |
102 |
103 |
104 | {% if build == 'win' %}
105 | {{ update }}seconds
63 | Update
Speed
64 |
65 |
101 | Speed
106 | 
107 |
134 | {% endif %}
135 |
136 | Choose
Display
108 |
109 |
133 | Display
121 | {% if display_index == loop.index0 %}
122 |
137 |
147 |
148 |
138 |
139 | {{ 'On' if party_mode else 'Off' }}
140 |
141 | Party
Mode
142 |
143 |
146 | Mode
149 |
195 |
196 |
197 |
150 |
151 | {{ 'On' if zone_state else 'Off' }}
152 |
153 | Screen
Zones
154 |
155 |
194 | Zones
171 |
172 |
198 |
288 |
199 |
200 |
201 |
202 |
287 |
291 |
324 |
325 |
329 |
330 | Bulbs
292 | {% for light in lights %}
293 |
294 |
295 | {{ light[2]}}
296 |
297 |
298 |
321 |
322 | {% endfor %}
323 |
331 |
345 | 346 |
359 | {% endblock %}
--------------------------------------------------------------------------------
/website/templates/welcome.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 | ScreenBloom
332 |
333 |
343 |
344 | 345 | 346 |
347 | {{ 'Start' if not state else 'Running...' }}
348 |
349 |
350 |
351 |
352 | Stop
353 |
354 |
355 |
356 | Auto Start
357 |
358 |
45 |
428 |
429 |
430 |
431 |
432 |
433 |
434 |
447 |
448 |
449 |
459 |
460 |
--------------------------------------------------------------------------------
46 |
66 |
67 |
47 |
65 |
48 |
54 |
55 |
64 |
49 |
53 | Screen
Bloom
50 | 51 | Sync Philips Hue lights to your screen in real time 52 |
68 |
132 |
133 | About
69 |
70 |
71 |
72 |
73 |
93 |
94 | Each pixel is looped through and its R,G,B values are added to 3 running totals. At the end of the 95 | loop these totals are averaged to produce your screen's current average color. 96 |
122 | The computed RGB average is gamma corrected, converted to a CIE value 123 | used by Hue, and a command is sent to update the lights. 124 |
125 |
126 | Pixels that are determined to be too dark are counted simultaneously. That final number is used to produce a scaled brightness value which 127 | raises and lowers your bulbs' brightness level accordingly. 128 |
129 |
130 |
131 | ScreenBloom uses Python to grab the average color of your current screen and sends that value to your Hue Lights.
74 |
75 |
76 | ScreenBloom approximates the effect of the Philips Ambilight
77 | TV line on any computer screen. Due to the limitations of the Hue bulbs, ScreenBloom's effect is designed to be a subtler, less
78 | immediate variant of Ambilight that is still plenty responsive.
79 |
80 |
81 |
90 | A snapshot of your current screen is taken and converted into
91 | a list of RGB (red, green, blue) values for each pixel.
92 | 93 |
94 | Each pixel is looped through and its R,G,B values are added to 3 running totals. At the end of the 95 | loop these totals are averaged to produce your screen's current average color. 96 |
97 | 
105 | Desktop Image Resized
106 |
107 |
108 |
109 |
110 | Avg Color Extracted
111 |
112 |
113 |
114 |
121 |
98 | 
99 |
100 | Original Desktop Image
101 |
102 |
103 |
104 |
99 |
105 | Desktop Image Resized
106 |
107 |
108 |
109 |
110 | Avg Color Extracted
111 |
112 |
113 |
114 |
115 |
116 |
117 |
118 |
119 | Color sent to Hues
120 |
118 | 122 | The computed RGB average is gamma corrected, converted to a CIE value 123 | used by Hue, and a command is sent to update the lights. 124 |
125 |
126 | Pixels that are determined to be too dark are counted simultaneously. That final number is used to produce a scaled brightness value which 127 | raises and lowers your bulbs' brightness level accordingly. 128 |
129 |
130 |
134 |
182 |
183 | Media
135 |
136 |
137 |
138 |
156 | The ScreenBloom UI
157 |
158 |
159 | Videos
160 | Note that many subtler color changes don't come through in video
161 |
162 | -
139 |
-
140 |
141 |
142 |
143 | -
144 |
145 |
146 |
147 | -
148 |
149 |
150 |
151 | -
152 |
153 |
154 |
163 |
167 |
168 | GIFs
169 |
170 |
164 |
165 |
166 |
171 |
179 |
180 |
181 |
172 |
173 |
174 |
175 |
176 |
177 |
178 |
184 |
259 |
260 |
185 |
256 |
257 |
186 | Version {{ version }}
187 | August 2016
188 |
189 | Release Notes
190 |
191 |
199 |
200 |
201 |
192 | - Added Update Buffer concept. Should solve reports of large delays between light updates.
193 | - Multi monitor support (Windows version only).
194 | - Alternate black color to approximate off state.
195 | - Functionality to regenerate the config file.
196 | Please send feedback on these new features!
197 |
198 |
202 | Windows
203 |
204 | 7 MB 205 |
206 |
207 |
208 |
209 | 204 | 7 MB 205 |
210 | Mac
211 |
212 | 11 MB 213 |
214 |
215 |
216 |
217 |
253 |
254 | 212 | 11 MB 213 |
Latest Version
255 | Download
258 |
261 |
427 | Support
262 |
263 |
264 | Have a question about ScreenBloom?
265 | Check out the FAQ below or send me an email directly
266 |
267 |
268 |
269 | Think ScreenBloom is a cool app?
270 | Toss some beer money my way, if you'd like
271 |
272 |
273 |
280 |
281 |
282 |
283 |
426 |
284 |
300 |
301 | ScreenBloom Error / Won't Start?
285 |
286 |
287 | Sometimes the config file that ScreenBloom creates can get
288 | corrupted resulting in all kinds of nasty errors.
289 |
290 |
291 | The first thing to try when solving any ScreenBloom problem is to 292 | regenerate your config file. You can re-create your config from any 293 | ScreenBloom page. 294 |
295 |
296 |
297 | Check the bottom right section of the page
298 |
299 | 290 |
291 | The first thing to try when solving any ScreenBloom problem is to 292 | regenerate your config file. You can re-create your config from any 293 | ScreenBloom page. 294 |
295 |
296 |
297 | Check the bottom right section of the page
298 |
302 |
317 |
318 |
319 | Big Delays?
303 |
304 |
305 | Some users report large delays between light updates. CPUs running ScreenBloom
306 | at a high or variable speed can cause commands to be spammed at the Hue
307 | bridge too quickly resulting in a mini DDOS attack and slowdown.
308 |
309 |
310 | Setting an Update Buffer can resolve 311 | the issue (located in the Update Speed menu). 312 |
313 |
314 | You'll want to experiment and find the lowest possible setting that resolves any slowdown you might have. 315 |
316 | 309 |
310 | Setting an Update Buffer can resolve 311 | the issue (located in the Update Speed menu). 312 |
313 |
314 | You'll want to experiment and find the lowest possible setting that resolves any slowdown you might have. 315 |
320 |
338 |
339 | Can I use ScreenBloom with videogames?
321 |
322 |
323 | Definitely, but with one caveat.
324 |
325 |
326 | Games need to be run in windowed mode to have their pixels parsed by 327 | ScreenBloom. Many games offer an official 'Fullscreen Borderless Windowed' mode which makes this process 328 | very simple. 329 |
330 |
331 | For everything else there is a free program available. 332 | 333 | Windowed Borderless Gaming 334 | 335 | With this software you can turn any windowed application into a borderless fullscreen one. Perfect for ScreenBloom! 336 |
337 | 325 |
326 | Games need to be run in windowed mode to have their pixels parsed by 327 | ScreenBloom. Many games offer an official 'Fullscreen Borderless Windowed' mode which makes this process 328 | very simple. 329 |
330 |
331 | For everything else there is a free program available. 332 | 333 | Windowed Borderless Gaming 334 | 335 | With this software you can turn any windowed application into a borderless fullscreen one. Perfect for ScreenBloom! 336 |
340 |
363 |
364 | Can I access ScreenBloom from a mobile device?
341 |
342 |
343 | Yes. ScreenBloom starts a tiny web server that hosts the application interface on your local host
344 | IP address in the format below:
345 |
346 |
347 |
348 | 192.168.0.X:5000
349 |
350 |
351 |
352 | When you launch ScreenBloom your default browser will automatically access this address in a new window/tab.
353 |
354 |
355 | Simply grab the address from your browser's URL bar (I typically bookmark it) and head there on your mobile device - 356 | you'll have full control over the ScreenBloom process. 357 |
358 |
359 | The web interface is fully responsive and very lightweight so controlling ScreenBloom with a phone or tablet 360 | is straightforward. 361 |
362 | 354 |
355 | Simply grab the address from your browser's URL bar (I typically bookmark it) and head there on your mobile device - 356 | you'll have full control over the ScreenBloom process. 357 |
358 |
359 | The web interface is fully responsive and very lightweight so controlling ScreenBloom with a phone or tablet 360 | is straightforward. 361 |
365 |
383 |
384 | About Latency...
366 |
367 |
368 | ScreenBloom’s update loop runs roughly every 100ms. Any lower and the potential for the Hue bridge
369 | to become overloaded with commands (and cause large delays) significantly increases.
370 |
371 |
372 | 100ms is fast but still latent enough to occasionally create perceptible delays when updating the lights. 373 | This is much more noticeable during very fast scenes and especially between drastically different 374 | color palettes or brightness levels. Setting a higher transition speed can help mitigate 375 | this effect. 376 |
377 |
378 | Even so, 100ms is the best case scenario. Your network quality and CPU speed will further impact how quickly 379 | the update commands can be sent to your lights. You’ll need to tweak the program’s settings to 380 | best suit your individual setup. 381 |
382 | 371 |
372 | 100ms is fast but still latent enough to occasionally create perceptible delays when updating the lights. 373 | This is much more noticeable during very fast scenes and especially between drastically different 374 | color palettes or brightness levels. Setting a higher transition speed can help mitigate 375 | this effect. 376 |
377 |
378 | Even so, 100ms is the best case scenario. Your network quality and CPU speed will further impact how quickly 379 | the update commands can be sent to your lights. You’ll need to tweak the program’s settings to 380 | best suit your individual setup. 381 |
385 |
395 |
396 | What kind of resources does ScreenBloom consume?
386 |
387 |
388 | The fully installed application takes up roughly 20MB of disk space.
389 |
390 |
391 | While running ScreenBloom lives in ~16MB of RAM and uses just 1-2% 392 | of the CPU. 393 |
394 | 390 |
391 | While running ScreenBloom lives in ~16MB of RAM and uses just 1-2% 392 | of the CPU. 393 |
397 |
408 |
409 | Some Colors Appear Washed Out
398 |
399 |
400 | Not all Hue bulbs are capable of the same color spectrum. Some models can produce much more
401 | vivid greens than others, older generation Hues are less bright than newer iterations, etc.
402 |
403 |
404 | ScreenBloom might sometimes parse a color from the screen that can only be approximated 405 | by the light receiving the update command. 406 |
407 | 403 |
404 | ScreenBloom might sometimes parse a color from the screen that can only be approximated 405 | by the light receiving the update command. 406 |
410 |
425 | What is this DOS-looking window?
411 |
412 | 
413 |
414 |
415 |
413 |
416 | This is the Python diagnostic console for the program's web server.
417 |
418 |
419 | Sometimes useful error messages are output there but it can mostly be ignored. 420 |
421 |
422 | The console is currently only in the Windows build and will be removed in a future update. 423 |
424 | 418 |
419 | Sometimes useful error messages are output there but it can mostly be ignored. 420 |
421 |
422 | The console is currently only in the Windows build and will be removed in a future update. 423 |