+
+
+
+
+
+
+ `
+})
+export class VideoCardComponent {
+ constructor(private sanitizer: DomSanitizer) {
+ this.sanitizer = sanitizer;
+ }
+ @Input() video: Video
+ show: boolean = false
+ videoUrl: SafeResourceUrl
+ updateVideoUrl(video: Video) {
+ // Appending an ID to a YouTube URL is safe.
+ // Always make sure to construct SafeValue objects as
+ // close as possible to the input data, so
+ // that it's easier to check if the value is safe.
+ const dangerousVideoUrl = `https://www.youtube.com/embed/${video.id.videoId}?autoplay=0`;
+ return this.sanitizer.bypassSecurityTrustResourceUrl(dangerousVideoUrl);
+ }
+}
diff --git "a/\345\205\254\345\205\261/\346\207\211\347\224\250\347\250\213\345\272\217/video-card.css" "b/\345\205\254\345\205\261/\346\207\211\347\224\250\347\250\213\345\272\217/video-card.css"
new file mode 100644
index 0000000..e9b84ae
--- /dev/null
+++ "b/\345\205\254\345\205\261/\346\207\211\347\224\250\347\250\213\345\272\217/video-card.css"
@@ -0,0 +1,25 @@
+/**
+ * Copyright 2017, Google, Inc.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.video-card {
+ margin-bottom: 20px;
+}
+.video-card iframe {
+ border: 0;
+ height: 220px;
+}
+.video-card img {
+ cursor: pointer;
+}
From 54dcce546c1aaef8607a9abf7677373dcad81d1b Mon Sep 17 00:00:00 2001
From: wu nan yi <37365331+iambite@users.noreply.github.com>
Date: Mon, 19 Mar 2018 06:03:07 +0800
Subject: [PATCH 08/14] Update server.js
---
.../server.js" | 8 +++++++-
1 file changed, 7 insertions(+), 1 deletion(-)
diff --git "a/\345\205\254\345\205\261/\346\207\211\347\224\250\347\250\213\345\272\217/server.js" "b/\345\205\254\345\205\261/\346\207\211\347\224\250\347\250\213\345\272\217/server.js"
index 9417957..26548c8 100644
--- "a/\345\205\254\345\205\261/\346\207\211\347\224\250\347\250\213\345\272\217/server.js"
+++ "b/\345\205\254\345\205\261/\346\207\211\347\224\250\347\250\213\345\272\217/server.js"
@@ -1 +1,7 @@
-server.js
+if (process.env.NODE_ENV === "production") {
+ require("@google/cloud-trace").start();
+}
+
+if (process.env.GCLOUD_PROJECT) {
+ require("@google/cloud-debug").start();
+}
From 03e394c8684a31d8b085e71dc1d62b88a497da89 Mon Sep 17 00:00:00 2001
From: wu nan yi <37365331+iambite@users.noreply.github.com>
Date: Mon, 19 Mar 2018 18:45:18 +0800
Subject: [PATCH 09/14] Update server.js
From bd1ba681dd52f6834b28e231c50a9d4a1ae088ac Mon Sep 17 00:00:00 2001
From: wu nan yi <37365331+iambite@users.noreply.github.com>
Date: Mon, 19 Mar 2018 18:51:34 +0800
Subject: [PATCH 10/14] Update server.js
---
.../server.js" | 3 +++
1 file changed, 3 insertions(+)
diff --git "a/\345\205\254\345\205\261/\346\207\211\347\224\250\347\250\213\345\272\217/server.js" "b/\345\205\254\345\205\261/\346\207\211\347\224\250\347\250\213\345\272\217/server.js"
index 26548c8..3e554b8 100644
--- "a/\345\205\254\345\205\261/\346\207\211\347\224\250\347\250\213\345\272\217/server.js"
+++ "b/\345\205\254\345\205\261/\346\207\211\347\224\250\347\250\213\345\272\217/server.js"
@@ -5,3 +5,6 @@ if (process.env.NODE_ENV === "production") {
if (process.env.GCLOUD_PROJECT) {
require("@google/cloud-debug").start();
}
+git config --global user.email "wne@iambite.com"
+git config --global user.name "iambite"
+git config credential.helper gcloud.sh
From 721c2fb53c2a5cdb6c76db6748dfc4d090b2a801 Mon Sep 17 00:00:00 2001
From: wu nan yi <37365331+iambite@users.noreply.github.com>
Date: Mon, 19 Mar 2018 18:52:59 +0800
Subject: [PATCH 11/14] Update server.js
---
.../server.js" | 3 ---
1 file changed, 3 deletions(-)
diff --git "a/\345\205\254\345\205\261/\346\207\211\347\224\250\347\250\213\345\272\217/server.js" "b/\345\205\254\345\205\261/\346\207\211\347\224\250\347\250\213\345\272\217/server.js"
index 3e554b8..26548c8 100644
--- "a/\345\205\254\345\205\261/\346\207\211\347\224\250\347\250\213\345\272\217/server.js"
+++ "b/\345\205\254\345\205\261/\346\207\211\347\224\250\347\250\213\345\272\217/server.js"
@@ -5,6 +5,3 @@ if (process.env.NODE_ENV === "production") {
if (process.env.GCLOUD_PROJECT) {
require("@google/cloud-debug").start();
}
-git config --global user.email "wne@iambite.com"
-git config --global user.name "iambite"
-git config credential.helper gcloud.sh
From ba84ef9a05eacb928d8bbfbde50b34b0a18dd2d2 Mon Sep 17 00:00:00 2001
From: wu nan yi <37365331+iambite@users.noreply.github.com>
Date: Mon, 19 Mar 2018 22:20:15 +0800
Subject: [PATCH 12/14] Create server.js
---
public/server.js | 90 ++++++++++++++++++++++++++++++++++++++++++++++++
1 file changed, 90 insertions(+)
create mode 100644 public/server.js
diff --git a/public/server.js b/public/server.js
new file mode 100644
index 0000000..b6e58b7
--- /dev/null
+++ b/public/server.js
@@ -0,0 +1,90 @@
+/**
+ * Copyright 2017, Google, Inc.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+'use strict';
+
+var errorHandler;
+
+if (process.env.NODE_ENV === 'production') {
+ require('@google/cloud-trace').start();
+ errorHandler = require('@google/cloud-errors').start();
+}
+
+if (process.env.GCLOUD_PROJECT) {
+ require('@google-cloud/debug-agent').start();
+}
+
+var path = require('path');
+var express = require('express');
+var bodyParser = require('body-parser');
+var google = require('googleapis');
+var youtube = google.youtube('v3');
+
+var app = express();
+
+app.use(bodyParser.json());
+app.use(express.static(path.join(__dirname, 'public')));
+
+app.get('/data.json', function (req, res, next) {
+ youtube.search.list({
+ part: 'snippet',
+ type: 'video',
+ q: 'google+cardboard+video+3d',
+ auth: process.env.API_KEY
+ }, function (err, result) {
+ if (err) {
+ return next(err);
+ }
+ res.json(result);
+ });
+});
+
+app.get('/search', function (req, res, next) {
+ youtube.search.list({
+ part: 'snippet',
+ type: 'video',
+ q: req.query.q
+ }, function (err, result) {
+ if (err) {
+ return next(new Error('Search error!'));
+ }
+ res.json(result);
+ });
+});
+
+app.use('*', function (req, res) {
+ return res.sendFile(path.join(__dirname, 'public/index.html'));
+});
+
+// Basic error logger/handler
+app.use(function (err, req, res, next) {
+ res.status(500).send(err.message || 'Something broke!');
+ next(err || new Error('Something broke!'));
+});
+if (process.env.NODE_ENV === 'production') {
+ app.use(errorHandler.express);
+}
+
+if (module === require.main) {
+ // Start the server
+ var server = app.listen(process.env.port || 8080, function () {
+ var port = server.address().port;
+
+ console.log('App listening on port %s', port);
+ console.log('Press Ctrl+C to quit.');
+ });
+}
+
+module.exports = app;
From 4556de8baf327886fd02812f628ea9e196628b61 Mon Sep 17 00:00:00 2001
From: wu nan yi <37365331+iambite@users.noreply.github.com>
Date: Mon, 19 Mar 2018 22:21:51 +0800
Subject: [PATCH 13/14] Create package.json
---
public/package.json | 26 ++++++++++++++++++++++++++
1 file changed, 26 insertions(+)
create mode 100644 public/package.json
diff --git a/public/package.json b/public/package.json
new file mode 100644
index 0000000..a910154
--- /dev/null
+++ b/public/package.json
@@ -0,0 +1,26 @@
+{
+ "name": "cloud-cardboard-viewer",
+ "description": "Angular2 and Node.js Cardboard video viewer.",
+ "version": "0.1.0",
+ "private": true,
+ "license": "Apache-2.0",
+ "author": "Google Inc.",
+ "repository": {
+ "type": "git",
+ "url": "https://github.com/googlecodelabs/cloud-cardboard-viewer.git"
+ },
+ "contributors": [
+ "Jason Dobry
+
+ {{ video.snippet.title }}
+
+ Published {{ video.snippet.publishedAt | date }}
+
+ {{ video.snippet.description }}
+
+
+
+ ![]()
+
+
+
+
+