Free Wildlife Widgets for Your Website

Would you like some live wildlife, a fun quiz or the Peak District weather on your own website? Help yourself. These free widgets are made by Barn Owl Live, and you're very welcome to use them on your website, blog or school page.

Each one is a few lines of HTML code. Just copy the code and paste it into your website, for example into a Custom HTML block in WordPress, or the HTML or embed option in most website builders. It works on most websites, and I'll keep each widget up to date for you.

<style>
  .bol-quiz-widget { display: block; width: 100%; max-width: 760px; margin: 0 auto; border: none; overflow: hidden; height: 820px; }
  @media (max-width: 650px) { .bol-quiz-widget { height: 1000px; } }
</style>
<iframe class="bol-quiz-widget" src="https://peaky-weather.web.app/partner-quiz.html?topic=wildlife" title="Free wildlife quiz by Barn Owl Live" scrolling="no"></iframe>
<p style="text-align:center;font-size:14px;">Free <a href="https://barnowl.live/quiz/">wildlife quiz</a> by Barn Owl Live</p>

<style>
  .bol-quiz-widget { display: block; width: 100%; max-width: 760px; margin: 0 auto; border: none; overflow: hidden; height: 820px; }
  @media (max-width: 650px) { .bol-quiz-widget { height: 1000px; } }
</style>
<iframe class="bol-quiz-widget" src="https://peaky-weather.web.app/partner-quiz.html?topic=general" title="Free general knowledge quiz by Barn Owl Live" scrolling="no"></iframe>
<p style="text-align:center;font-size:14px;">Free <a href="https://barnowl.live/quiz/">general knowledge quiz</a> by Barn Owl Live</p>

<div class="bol-live-embed" style="position:relative;width:100%;max-width:960px;margin:0 auto;aspect-ratio:16/9;background:#0f172a;border-radius:12px;overflow:hidden;">
  <a href="https://www.youtube.com/@barnowllive/streams" target="_blank" rel="noopener" style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-family:sans-serif;text-decoration:none;">🦉 Watch the live barn owl camera</a>
</div>
<p style="text-align:center;font-size:14px;">Live barn owl camera from <a href="https://barnowl.live/live-stream-barn-owl-camera/">Barn Owl Live</a> in the Peak District</p>
<script>
(function () {
  var box = document.currentScript.previousElementSibling.previousElementSibling;
  fetch("https://peaky-weather-default-rtdb.europe-west1.firebasedatabase.app/active_streams/BarnOwlCam.json")
    .then(function (r) { return r.json(); })
    .then(function (s) {
      if (!s || !s.id) return;
      box.innerHTML = '<iframe src="https://www.youtube-nocookie.com/embed/' + encodeURIComponent(s.id) + '?autoplay=1&mute=1&playsinline=1&rel=0" title="Live barn owl camera from Barn Owl Live" allow="autoplay; encrypted-media; picture-in-picture" allowfullscreen style="position:absolute;inset:0;width:100%;height:100%;border:0;"></iframe>';
    }).catch(function () {});
})();
</script>

<style>
  .bol-weather-widget { display: block; width: 100%; border: none; overflow: hidden; height: 1900px; }
  @media (max-width: 1024px) { .bol-weather-widget { height: 2300px; } }
  @media (max-width: 650px) { .bol-weather-widget { height: 4500px; } }
</style>
<iframe class="bol-weather-widget" src="https://peaky-weather.web.app/Peak_District_Weather_Widget02.html" title="Peak District weather forecast from Barn Owl Live" scrolling="no" allowtransparency="true"></iframe>
<p style="text-align:center;font-size:14px;">Peak District weather from <a href="https://barnowl.live/peak-district-weather-forecast/">Barn Owl Live</a></p>

<style>
  .bol-rtsp-widget { display: block; width: 100%; border: none; overflow: hidden; height: 1500px; }
  @media (max-width: 650px) { .bol-rtsp-widget { height: 1950px; } }
</style>
<iframe class="bol-rtsp-widget" src="https://peaky-weather.web.app/rtsp-builder-widget.html" title="Free RTSP address builder by Barn Owl Live" scrolling="no"></iframe>
<p style="text-align:center;font-size:14px;">Free <a href="https://barnowl.live/tips/rtsp-address-builder-for-cctv-cameras-nvrs-and-dvrs/">RTSP address builder</a> by Barn Owl Live</p>

All I ask is that you keep the small credit line underneath each widget. It helps more people find Barn Owl Live, and it's how I can keep these widgets free.

Questions people ask

Are these widgets really free?

Yes. They're free to use on personal, school, community and business websites. Please just keep the small credit line underneath.

Will they slow down my website?

No. Each widget loads separately from your page, so your own content isn't held up while it loads.

Do I need to update the code?

No. The widgets update themselves. New quiz questions, the latest weather and the current live stream all appear automatically.

Can I change the size?

Yes. The heights are set near the top of each code, so you can make them taller or shorter to suit your page.

If you'd like help adding a widget, or you have an idea for a new one, get in touch. I'd love to know where they end up!

Paul 🦉