Upload technical presentation

snap-research · Jun 26, 2024 · 2ea820a · 2ea820a
1 parent f222a65
commit 2ea820a
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 7 deletions.
diff --git a/README.md b/README.md
@@ -17,9 +17,9 @@ This is the offical Github repository of Panda-70M.
 </br>
 *Computer Vision and Pattern Recognition (CVPR) 2024*
 
-<!-- [Arxiv Report](https://arxiv.org/abs/2307.04725) | [Project Page](https://snap-research.github.io/Panda-70M) -->
 [![arXiv](https://img.shields.io/badge/arXiv-2402.19479-b31b1b.svg)](https://arxiv.org/abs/2402.19479)
 [![Project Page](https://img.shields.io/badge/Project-Website-green)](https://snap-research.github.io/Panda-70M)
+[![YouTube](https://badges.aleen42.com/src/youtube.svg)](https://youtu.be/m2NQ5k1oTcs)
 
 ## Introduction
 Panda-70M is a large-scale dataset with 70M high-quality video-caption pairs.
@@ -86,7 +86,7 @@ More details can be found in [Dataset Dataloading](./dataset_dataloading) sectio
     </tr>
   </table>
 
-<sup>**We will remove the video samples from our dataset / Github / project webpage as long as you need it. Please contact tsaishienchen at gmail dot com for the request.</sup>
+<sup>**We will remove the video samples from our dataset / Github / project webpage / technical presentation as long as you need it. Please contact tsaishienchen at gmail dot com for the request.</sup>
 
 Please check [here](https://snap-research.github.io/Panda-70M/more_samples) for more samples.
 

diff --git a/captioning/README.md b/captioning/README.md
@@ -61,7 +61,7 @@ Please look at the video and faithfully summarize it in one sentence.</sup></td>
     </tr>
 </table>
 
-<sup>**We will remove the video samples from our dataset / Github / project webpage as long as you need it. Please contact tsaishienchen at gmail dot com for the request.</sup>
+<sup>**We will remove the video samples from our dataset / Github / project webpage / technical presentation as long as you need it. Please contact tsaishienchen at gmail dot com for the request.</sup>
 
 - **[Note]** You might get different outputs due to the randomness of LLM's generation.
 

diff --git a/docs/html_pages/resources/stylesheet.css b/docs/html_pages/resources/stylesheet.css
@@ -186,4 +186,19 @@ div.scroll-container {
  .table-container {
    width: 100%;
  }
+}
+
+.youtube-container {
+  position: relative;
+  width: 100%;
+  padding-bottom: 56.25%; /* 16:9 aspect ratio */
+  height: 0;
+  overflow: hidden;
+}
+.youtube-container iframe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
 }
diff --git a/docs/index.html b/docs/index.html
@@ -27,6 +27,7 @@
 		</nav>
 		<nav>
 			<a href="#download">Download</a>
+			<a href="#presentation">Presentation</a>
 			<a href="#collection">Collection</a>
 			<a href="#demo">Demo</a>
 			<a href="#statistic">Statistic</a>
@@ -167,7 +168,7 @@ <h5 class="pt-1" style="font-size: 2rem; font-weight: normal">A Large-Scale Data
 			</div>
 		</div>
 		<div class="container text-center footnote">
-			We will remove the video samples from our dataset / Github / project webpage as long as you need it. Please contact tsaishienchen at gmail dot com for the request.
+			We will remove the video samples from our dataset / Github / project webpage / technical presentation as long as you need it. Please contact tsaishienchen at gmail dot com for the request.
 		</div>
 	</div>
 
@@ -208,6 +209,16 @@ <h1 class="jumbotron-heading">Download Panda-70M</h1>
 
 	<hr class="mt-5">
 
+	<section id="presentation">
+		<div class="container text-center" style="margin-top: 10px">
+			<div class="youtube-container">
+				<iframe src="https://www.youtube.com/embed/m2NQ5k1oTcs?si=jCc8gruNWA_oXNyP&autoplay=0&mute=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+			</div>
+		</div>
+	</section>
+
+	<hr class="mt-5">
+
 	<section id="collection">
 		<div class="container text-center">
 			<h1 class="jumbotron-heading">Collection Pipeline of Panda-70M</h1>
@@ -268,7 +279,7 @@ <h1 class="jumbotron-heading">Demo of Long Video Annotation</h1>
 				</video>
 			</div>
 			<div class="container text-center footnote">
-				We will remove the video samples from our dataset / Github / project webpage as long as you need it. Please contact tsaishienchen at gmail dot com for the request.
+				We will remove the video samples from our dataset / Github / project webpage / technical presentation as long as you need it. Please contact tsaishienchen at gmail dot com for the request.
 			</div>
 		</div>
 	</section>
@@ -360,7 +371,7 @@ <h1 class="jumbotron-heading text-center">Acknowledgement</h1>
 				imageItems.forEach(item => {
 					const elementPosition = item.getBoundingClientRect().top;
 
-					if (elementPosition < window.innerHeight * 0.7) {
+					if (elementPosition < window.innerHeight * 0.85) {
 						item.style.opacity = '1';
 					} else {
 						item.style.opacity = '0';

diff --git a/splitting/README.md b/splitting/README.md
@@ -61,7 +61,7 @@ The code will split the videos listed in the `video_list.txt` and output the vid
     </tr>
 </table>
 
-<sup>**We will remove the video samples from our dataset / Github / project webpage as long as you need it. Please contact tsaishienchen at gmail dot com for the request.</sup>
+<sup>**We will remove the video samples from our dataset / Github / project webpage / technical presentation as long as you need it. Please contact tsaishienchen at gmail dot com for the request.</sup>
 
 ## Acknowledgements
 The code for video splitting is built upon [PySceneDetect](https://github.com/Breakthrough/PySceneDetect) and [ImageBind](https://github.com/facebookresearch/ImageBind).