Hiroshima360 | RCC中国放送

<!doctype html> <html lang="ja" dir="ltr"> <head>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TKQQ5CX');</script>  <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="format-detection" content="telephone=no"> <meta name="description" content="Re:discovering HIROSHIMA through 360-degree 3DV.報道や制作において広島のさまざまな場所を空撮するRCCドローンチームが手がけるプロジェクト。"> <meta name="Keywords" content="広島,ドローン,360度カメラ,HIROSHIMA360,RCC,中国放送,"> <meta property="og:locale" content="ja_JP" /> <meta property="og:type" content="article"> <meta property="og:url" content="https://rcc.jp/"> <meta property="og:title" content="Hiroshima360 | RCC中国放送"> <meta property="og:description" content="Re:discovering HIROSHIMA through 360-degree 3DV.報道や制作において広島のさまざまな場所を空撮するRCCドローンチームが手がけるプロジェクト。"> <meta property="og:site_name" content="RCC"> <meta property="og:image" content="https://rcc.jp/hiroshima360/images/ogp.jpg"> <meta name="twitter:card" content="summary_large_image" /> <meta name="copyright" content="© RCC BROADCASTING CO., LTD."> <link rel="stylesheet" href="https://rcc.jp/all_common/reset.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/css/yakuhanjp.min.css"> <link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/protonet-jquery.inview/1.1.2/jquery.inview.min.js"></script> <title>Hiroshima360 | RCC中国放送</title> <link href="css/style.css?2306071755" rel="stylesheet"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Anton&display=swap" rel="stylesheet"> </head> <body>  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TKQQ5CX" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <div class="area" > <header> <h1 class="video-wrap"> <video src="images/drone_bg_1.mp4" autoplay loop muted playsinline> </video> <div class="coverTop"> <div> <img src="./images/hero_top.png?2403" alt=""> <p class="sp">Re:discovering HIROSHIMA through 360-degree 3DVR</p> <p id="test"></p> </div> </div> </h1> </header> <section> <div class="section_box"> <div class="section_ttl"> About <div>HIROSHIMA360<span>とは</span></div> </div> <p> 報道や制作において広島のさまざまな場所を空撮するRCCドローンチームが手がけるプロジェクト。<br> 360度3D VRカメラで捉えた広島の様々なスポットを、バーチャル映像にて臨場感たっぷりにお届けします。撮影映像は今後も随時追加予定。広島エリアに特化したバーチャル映像をぜひお楽しみください。 </p> </div> </section> <section class="movie"> <div class="section_box"> <div> <div class="section_ttl" style="color:#6f7883;"> Movie <div><span style="color: #FFF;">ドローン飛行の様子</span></div> </div> </div> <ul class="flex_list_box"> <li class="fadeInTrigger youtube_box"> <div class="youtube"> <iframe width="560" height="315" src="https://www.youtube.com/embed/7XFnd72CsPk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div> </li> <li class="fadeInTrigger youtube_box"> <div class="youtube"> <iframe width="560" height="315" src="https://www.youtube.com/embed/byGY2sFZvok" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div> </li> <li class="fadeInTrigger youtube_box"> <div class="youtube"> <iframe width="560" height="315" src="https://www.youtube.com/embed/zqD5kWB2lvk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div> </li> <li class="fadeInTrigger youtube_box"> <div class="youtube"> <iframe width="560" height="315" src="https://www.youtube.com/embed/m-hbD-nBPsU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div> </li> <li class="fadeInTrigger youtube_box"> <div class="youtube"> <iframe width="560" height="315" src="https://www.youtube.com/embed/Cex05TNCbJA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div> </li> </ul> </div> <div class="btn"> <ul class="btn_ul"> <li><a href="https://www.youtube.com/channel/UC9V7lHSSBgSy5eXNr6tTyqg" target="_blank" rel="noopener"> Official YouTube Channel</a></li> </ul> </div> </section> <section> <div class="section_box"> <div class="section_ttl" style="color:#d3d9d5;"> Drone <div><span>ドローンについて</span></div> </div> <p> 360度3DVRの撮影には専用の球体カメラを搭載できる大型ドローンを用いて撮影を行なっています。<br> 通常の報道撮影などに用いる何倍ものサイズとなっており、複数人でのオペレーションが必須の機材です。これらを安全に運用するという作業なども通じてRCCドローンチームの技術の醸成を行なっています。 </p> </div> </section> <p id="page-top"><a href="#"><i class="fas fa-chevron-up"></i></a></p> <div id="footerline">  </div> <footer> <div> <ul class="footer_bt"> <li><a href="https://rcc.jp/">RCCトップ</a></li> </ul> <p class="copy">© RCC BROADCASTING CO., LTD.</p> </div> </footer> <ul class="circles"> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </div >  <script> $(document).ready(function(){ var $topBtn = $('#page-top'); $('#page-top').hide(); $(window).scroll(function () { if ($(this).scrollTop() > 200) { $topBtn.fadeIn(); } else { $topBtn.fadeOut(); } }); //URLのハッシュ値を取得 var urlHash = location.hash; //ハッシュ値があればページ内スクロール if(urlHash) { //スクロールを0に戻す $('body,html').stop().scrollTop(0); setTimeout(function () { //ロード時の処理を待ち、時間差でスクロール実行 scrollToAnker(urlHash) ; }, 100); } //通常のクリック時 $('a[href^="#"]').click(function() { //ページ内リンク先を取得 var href= $(this).attr("href"); //リンク先が#か空だったらhtmlに var hash = href == "#" || href == "" ? 'html' : href; //スクロール実行 scrollToAnker(hash); //リンク無効化 return false; }); // 関数：スムーススクロール // 指定したアンカー(#ID)へアニメーションでスクロール function scrollToAnker(hash) { var target = $(hash); var position = target.offset().top; $('body,html').stop().animate({scrollTop:position}, 500); } }) </script>  <script> $('.fadeInUpTrigger').on('inview', function(event, isInView) { if (isInView) {//表示領域に入った時1度だけアニメーションをさせる $(this).addClass('animate__animated animate__fadeInUp');//クラス名が付与 } }); //2つめの動き $('.fadeInTrigger').on('inview', function(event, isInView) { if (isInView) {//表示領域に入った時 $(this).addClass('animate__animated animate__fadeIn');//クラス名が付与 } else {//表示領域から出た時 $(this).removeClass('animate__animated animate__fadeIn');//クラス名が除去 } }); </script>  <script src="./js/movie.js"></script> </body> </html>

CINXE.COM

Hiroshima360 | RCC中国放送