jeena/home-assistant.github.io
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions
home-assistant.github.io/cookbook/dim_lights_when_playing_media/index.html
Travis CI 498b4b25f7 Site updated at 2017-03-26 08:34:42 UTC
2017-03-26 08:34:42 +00:00

229 lines
14 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Dim lights when playing media - Home Assistant</title>
<meta name="author" content="Home Assistant">
<meta name="description" content="Dim lights up or down when playing media">
<meta name="viewport" content="width=device-width">
<link rel="canonical" href="https://home-assistant.io/cookbook/dim_lights_when_playing_media/">
<meta property="fb:app_id" content="338291289691179">
<meta property="og:title" content="Dim lights when playing media">
<meta property="og:site_name" content="Home Assistant">
<meta property="og:url" content="https://home-assistant.io/cookbook/dim_lights_when_playing_media/">
<meta property="og:type" content="article">
<meta property="og:description" content="Dim lights up or down when playing media">
<meta property="og:image" content="https://home-assistant.io/images/default-social.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@home_assistant">
<meta name="twitter:title" content="Dim lights when playing media">
<meta name="twitter:description" content="Dim lights up or down when playing media">
<meta name="twitter:image" content="https://home-assistant.io/images/default-social.png">
<link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet">
<link href="/atom.xml" rel="alternate" title="Home Assistant" type="application/atom+xml">
<link rel='shortcut icon' href='/images/favicon.ico' />
<link rel='icon' type='image/png' href='/images/favicon-192x192.png' sizes='192x192' />
</head>
<body >
<header>
<div class="grid-wrapper">
<div class="grid">
<div class="grid__item three-tenths lap-two-sixths palm-one-whole ha-title">
<a href="/" class="site-title">
<img width='40' src='/demo/favicon-192x192.png'>
<span>Home Assistant</span>
</a>
</div>
<div class="grid__item seven-tenths lap-four-sixths palm-one-whole">
<nav>
<input type="checkbox" id="toggle">
<label for="toggle" class="toggle" data-open="Main Menu" data-close="Close Menu"></label>
<ul class="menu pull-right">
<li><a href="/getting-started/">Getting started</a></li>
<li><a href="/components/">Components</a></li>
<li><a href="/docs/">Docs</a></li>
<li><a href="/cookbook/">Examples</a></li>
<li><a href="/developers/">Developers</a></li>
<li><a href="/blog/">Blog</a></li>
<li><a href="/help/">Need help?</a></li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<div class="grid-wrapper">
<div class="grid grid-center">
<div class="grid__item two-thirds lap-one-whole palm-one-whole">
<article class="page">
<header>
<h1 class="title indent">
Dim Lights When Playing Media
</h1>
</header>
<hr class="divider">
<p>Like it how the lights dim up/down at the movies? Do it at home as well!</p>
<p>This example uses the <a href="https://home-assistant.io/components/media_player/">media player</a>, <a href="https://home-assistant.io/components/light.hue/">Philips Hue</a> (transitions) and the <a href="https://home-assistant.io/components/sun/">sun</a> component. We’ll use actions to detect media player state changes and scenes to control multiple lights, color settings and transition between scenes.</p>
<h4><a class="title-link" name="scenes" href="#scenes"></a> Scenes</h4>
<p>One scene for normal light, one for when movies are on. A 2 second transition gives a nice ‘feel’ to the switch.</p>
<div class="language-yaml highlighter-rouge"><pre class="highlight"><code><span class="s">scene</span><span class="pi">:</span>
<span class="pi">-</span> <span class="s">name</span><span class="pi">:</span> <span class="s">Livingroom normal</span>
<span class="s">entities</span><span class="pi">:</span>
<span class="s">light.light1</span><span class="pi">:</span>
<span class="s">state</span><span class="pi">:</span> <span class="s">on</span>
<span class="s">transition</span><span class="pi">:</span> <span class="s">2</span>
<span class="s">brightness</span><span class="pi">:</span> <span class="s">150</span>
<span class="s">xy_color</span><span class="pi">:</span> <span class="pi">[</span> <span class="nv">0.4448</span><span class="pi">,</span> <span class="nv">0.4066</span> <span class="pi">]</span>
<span class="s">light.light2</span><span class="pi">:</span>
<span class="s">state</span><span class="pi">:</span> <span class="s">on</span>
<span class="s">transition</span><span class="pi">:</span> <span class="s">2</span>
<span class="s">brightness</span><span class="pi">:</span> <span class="s">215</span>
<span class="s">xy_color</span><span class="pi">:</span> <span class="pi">[</span> <span class="nv">0.4448</span><span class="pi">,</span> <span class="nv">0.4066</span> <span class="pi">]</span>
<span class="pi">-</span> <span class="s">name</span><span class="pi">:</span> <span class="s">Livingroom dim</span>
<span class="s">entities</span><span class="pi">:</span>
<span class="s">light.light1</span><span class="pi">:</span>
<span class="s">state</span><span class="pi">:</span> <span class="s">on</span>
<span class="s">transition</span><span class="pi">:</span> <span class="s">2</span>
<span class="s">brightness</span><span class="pi">:</span> <span class="s">75</span>
<span class="s">xy_color</span><span class="pi">:</span> <span class="pi">[</span> <span class="nv">0.5926</span><span class="pi">,</span> <span class="nv">0.3814</span> <span class="pi">]</span>
<span class="s">light.light2</span><span class="pi">:</span>
<span class="s">state</span><span class="pi">:</span> <span class="s">on</span>
<span class="s">transition</span><span class="pi">:</span> <span class="s">2</span>
<span class="s">brightness</span><span class="pi">:</span> <span class="s">145</span>
<span class="s">xy_color</span><span class="pi">:</span> <span class="pi">[</span> <span class="nv">0.5529</span><span class="pi">,</span> <span class="nv">0.4107</span> <span class="pi">]</span>
</code></pre>
</div>
<h4><a class="title-link" name="automation" href="#automation"></a> Automation</h4>
<p>The paused/stopped state is best matched using “from: ‘playing’”. Adding in the sun condition as we only want this when it’s dark.</p>
<div class="language-yaml highlighter-rouge"><pre class="highlight"><code><span class="s">automation</span><span class="pi">:</span>
<span class="pi">-</span> <span class="s">alias</span><span class="pi">:</span> <span class="s2">"</span><span class="s">Media</span><span class="nv"> </span><span class="s">player</span><span class="nv"> </span><span class="s">paused/stopped"</span>
<span class="s">trigger</span><span class="pi">:</span>
<span class="pi">-</span> <span class="s">platform</span><span class="pi">:</span> <span class="s">state</span>
<span class="s">entity_id</span><span class="pi">:</span> <span class="s">media_player.htpc</span>
<span class="s">from</span><span class="pi">:</span> <span class="s1">'</span><span class="s">playing'</span>
<span class="s">to</span><span class="pi">:</span> <span class="s1">'</span><span class="s">idle'</span>
<span class="s">condition</span><span class="pi">:</span>
<span class="pi">-</span> <span class="s">condition</span><span class="pi">:</span> <span class="s">state</span>
<span class="s">entity_id</span><span class="pi">:</span> <span class="s">sun.sun</span>
<span class="s">state</span><span class="pi">:</span> <span class="s1">'</span><span class="s">below_horizon'</span>
<span class="s">action</span><span class="pi">:</span>
<span class="s">service</span><span class="pi">:</span> <span class="s">scene.turn_on</span>
<span class="s">entity_id</span><span class="pi">:</span> <span class="s">scene.livingroom_normal</span>
<span class="pi">-</span> <span class="s">alias</span><span class="pi">:</span> <span class="s2">"</span><span class="s">Media</span><span class="nv"> </span><span class="s">player</span><span class="nv"> </span><span class="s">playing"</span>
<span class="s">trigger</span><span class="pi">:</span>
<span class="pi">-</span> <span class="s">platform</span><span class="pi">:</span> <span class="s">state</span>
<span class="s">entity_id</span><span class="pi">:</span> <span class="s">media_player.htpc</span>
<span class="s">to</span><span class="pi">:</span> <span class="s1">'</span><span class="s">playing'</span>
<span class="s">from</span><span class="pi">:</span> <span class="s1">'</span><span class="s">idle'</span>
<span class="s">condition</span><span class="pi">:</span>
<span class="pi">-</span> <span class="s">condition</span><span class="pi">:</span> <span class="s">state</span>
<span class="s">entity_id</span><span class="pi">:</span> <span class="s">sun.sun</span>
<span class="s">state</span><span class="pi">:</span> <span class="s1">'</span><span class="s">below_horizon'</span>
<span class="s">action</span><span class="pi">:</span>
<span class="s">service</span><span class="pi">:</span> <span class="s">scene.turn_on</span>
<span class="s">entity_id</span><span class="pi">:</span> <span class="s">scene.livingroom_dim</span>
</code></pre>
</div>
</article>
</div>
<aside id="sidebar" class="grid__item one-third lap-one-whole palm-one-whole">
<div class="grid">
<section class="aside-module grid__item one-whole lap-one-half">
<div class='edit-github'><a href='https://github.com/home-assistant/home-assistant.github.io/tree/current/source/_cookbook/dim_lights_when_playing_media.markdown'>Edit this page on GitHub</a></div>
<div class='section'>
<a href='/cookbook'>Back to the cookbook</a>
</div>
<div class='section'>
<h1 class="title delta">Automation Examples</h1>
<ul class='divided'>
<li>
<a href='/cookbook/automation_for_rainy_days/'>Automation for rainy days</a>
</li>
<li>
Dim lights when playing media
</li>
<li>
<a href='/cookbook/automation_flashing_lights/'>Examples for flashing lights</a>
</li>
<li>
<a href='/cookbook/automation_telegram_presence_alert/'>Examples sending notification depending of the presence</a>
</li>
<li>
<a href='/cookbook/automation_first_light/'>Examples using first light</a>
</li>
<li>
<a href='/cookbook/automation_sun/'>Examples using the sun</a>
</li>
<li>
<a href='/cookbook/foscam_away_mode_PTZ/'>Foscam Recording during Away Mode Only using Pan/Tilt/Zoom Control and Motion Detection</a>
</li>
<li>
<a href='/cookbook/perform_actions_based_on_input_select/'>Perform actions based on input select</a>
</li>
<li>
<a href='/cookbook/restart_ha_if_wemo_switch_is_not_detected/'>Restart Home Assistant if Wemo Switch is not detected</a>
</li>
<li>
<a href='/cookbook/send_a_reminder/'>Send a reminder</a>
</li>
<li>
<a href='/cookbook/notify_if_over_threshold/'>Send notification based on sensor</a>
</li>
<li>
<a href='/cookbook/notify_if__new_ha_release/'>Send notification if new Home Assistant release</a>
</li>
<li>
<a href='/cookbook/sonos_say/'>Sonos say script to speak with text-to-speech</a>
</li>
<li>
<a href='/cookbook/automation_enocean_phue/'>Switch Philips Hue with enocean</a>
</li>
<li>
<a href='/cookbook/track_battery_level/'>Track your battery level</a>
</li>
<li>
<a href='/cookbook/turn_on_light_for_10_minutes_when_motion_detected/'>Turn on lights for 10 minutes after motion detected</a>
</li>
<li>
<a href='/cookbook/automation_using_timeinterval_inputboolean/'>Using time interval and input boolean</a>
</li>
</ul>
</div>
</section>
</div>
</aside>
</div>
</div>
<footer>
<div class="grid-wrapper">
<div class="grid">
<div class="grid__item">
<div class="copyright">
<a rel="me" href='https://twitter.com/home_assistant'><i class="icon-twitter"></i></a>
<a rel="me" href='https://facebook.com/homeassistantio'><i class="icon-facebook"></i></a>
<a rel="me" href='https://plus.google.com/110560654828510104551'><i class="icon-google-plus"></i></a>
<a rel="me" href='https://github.com/home-assistant/home-assistant'><i class="icon-github"></i></a>
<div class="credit">
Contact us at <a href='mailto:hello@home-assistant.io'>hello@home-assistant.io</a>.<br>
Website powered by <a href='http://jekyllrb.com/'>Jekyll</a> and the <a href='https://github.com/coogie/oscailte'>Oscalite theme</a>.<br />
Hosted by <a href='https://pages.github.com/'>GitHub</a> and served by <a href='https://cloudflare.com'>CloudFlare</a>.
</div>
<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png" /></a><br /><span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">home-assistant.io</span> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License</a>.
</div>
</div>
</div>
</div>
</footer>
<script>
var _gaq=[['_setAccount','UA-57927901-1'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
</body>
</html>
Reference in a new issue View git blame Copy permalink