Skip to content

Commit

Permalink
Update marker
Browse files Browse the repository at this point in the history
  • Loading branch information
@yuhanhuang0420
yuhanhuang0420 committed Oct 24, 2021
1 parent d5d5280 commit e6c0e44
Show file tree
Hide file tree
Showing 3 changed files with 258 additions and 0 deletions.
195 changes: 195 additions & 0 deletions assets/poster/marker/pattern-1.patt
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,195 @@
255 254 254 254 254 254 254 254 254 254 254 254 254 253 253 254
253 250 251 252 251 251 251 251 250 249 248 243 243 245 250 252
252 246 246 247 248 248 242 242 242 241 247 247 250 249 249 247
251 241 241 239 240 240 241 242 244 244 212 170 168 161 154 176
250 238 237 235 235 233 209 211 188 165 143 142 138 142 131 157
247 226 229 153 145 126 124 119 118 115 112 107 109 110 113 155
223 126 121 109 102 103 98 94 93 92 90 93 98 101 98 139
211 110 126 86 86 78 80 79 75 72 74 80 78 88 94 132
203 72 164 163 61 61 75 69 70 109 82 66 67 74 82 127
203 87 116 104 123 118 95 96 104 147 124 135 80 66 68 116
197 45 73 104 133 147 66 84 76 71 57 85 56 79 64 119
203 54 76 72 76 70 87 62 73 101 54 60 76 77 77 118
202 73 23 70 73 149 65 100 130 138 56 59 44 60 94 115
197 71 52 45 62 141 97 91 80 50 49 58 44 64 78 129
197 48 71 55 67 51 53 71 79 89 53 63 81 150 88 114
231 181 178 180 183 183 184 181 178 178 179 177 174 181 176 189
255 254 254 254 254 255 254 254 254 254 254 254 254 253 254 255
253 249 251 253 253 253 252 252 251 248 248 242 241 244 249 252
252 246 246 247 248 247 242 241 240 239 246 244 246 248 247 244
250 239 240 240 239 239 242 244 244 245 196 147 146 136 133 164
250 237 236 235 235 232 205 204 178 152 127 126 124 126 114 149
246 226 226 140 137 120 117 112 110 105 101 96 99 100 102 150
220 118 113 102 97 99 94 89 89 88 86 87 92 93 92 133
208 104 118 82 84 76 78 78 74 70 70 73 72 85 91 128
204 70 145 153 59 60 73 68 66 105 80 61 62 69 79 126
205 94 119 107 120 115 96 105 110 149 127 134 82 67 70 116
198 54 77 104 131 147 75 92 84 73 57 87 58 86 72 119
205 62 84 80 79 69 93 71 78 106 58 67 82 85 83 120
205 81 30 78 74 146 63 105 138 137 58 63 50 68 99 117
199 76 58 51 68 143 100 98 86 56 54 62 48 68 81 131
198 53 76 60 73 55 59 79 86 95 56 65 82 152 92 118
234 186 183 185 189 188 189 187 186 185 185 183 180 186 182 193
255 254 255 254 254 254 255 255 255 255 255 255 254 253 254 255
254 251 253 254 254 254 254 254 253 250 248 242 242 246 251 253
253 248 248 249 251 250 244 243 243 241 249 246 248 249 248 244
253 243 244 244 243 243 244 245 246 247 192 140 140 130 126 160
252 241 240 239 239 236 206 203 175 146 119 118 114 117 104 143
248 227 226 134 131 109 107 101 99 95 89 85 89 90 90 144
218 110 103 92 85 87 83 78 76 75 75 76 81 82 81 126
205 94 108 71 71 64 65 65 60 57 57 61 61 73 79 121
201 60 140 144 46 47 61 58 55 96 70 49 49 59 69 118
201 84 122 107 120 108 89 95 104 146 123 141 76 66 62 115
193 37 70 114 145 156 71 83 73 71 50 76 48 79 61 117
201 50 74 72 85 72 97 62 100 122 69 63 74 76 75 115
200 70 19 67 68 148 58 98 147 139 63 58 37 54 90 111
195 66 47 40 67 147 101 91 76 45 45 52 38 61 77 128
196 50 73 57 66 61 59 72 77 88 51 61 84 154 90 114
238 202 199 201 203 202 202 200 197 197 199 197 194 201 195 198

253 250 231 173 152 139 130 123 120 131 111 104 97 109 105 170
252 248 229 160 130 112 99 89 87 96 85 70 67 74 92 155
252 245 230 163 132 111 96 85 83 88 86 77 64 61 94 152
252 243 230 164 135 112 95 80 80 111 88 75 54 59 86 150
253 244 235 176 137 111 94 79 87 113 83 58 51 50 58 145
253 246 241 197 143 113 92 78 89 110 107 59 55 54 51 146
253 246 242 228 157 116 90 77 88 112 123 87 91 61 60 146
253 246 242 240 173 117 92 71 80 104 85 84 114 85 69 148
253 247 243 241 189 120 94 75 75 92 73 70 91 92 78 151
253 248 243 238 201 125 98 80 72 80 78 94 79 76 62 151
253 250 245 237 213 137 101 83 74 93 93 104 88 93 68 152
253 250 244 238 225 156 105 82 79 110 102 85 81 77 69 153
253 250 243 237 229 167 111 93 108 115 94 72 57 46 56 151
253 250 244 238 234 192 124 113 132 101 78 74 53 46 54 152
253 249 244 239 236 217 135 107 92 71 54 63 62 57 55 151
253 251 249 247 244 237 195 173 166 156 146 149 149 145 149 197
253 250 226 158 140 130 121 117 118 131 112 108 101 112 109 177
252 247 225 140 114 102 91 86 84 97 91 76 72 79 96 162
252 244 225 144 116 100 88 80 79 88 92 84 71 66 98 160
251 242 225 147 120 102 89 75 76 110 90 82 61 64 88 157
253 242 230 157 121 100 88 74 83 112 85 63 58 55 62 152
253 245 239 184 127 103 87 74 85 111 110 63 61 60 55 153
253 245 240 224 145 107 86 74 85 113 126 92 94 68 66 153
253 246 241 241 164 108 87 69 79 109 95 91 119 91 77 156
253 248 242 242 183 112 90 74 76 99 83 79 96 98 85 159
254 250 242 238 197 118 93 79 71 83 83 98 82 80 68 159
253 252 244 235 211 131 97 81 72 91 92 104 88 97 72 159
253 252 244 237 225 149 100 79 77 108 101 87 85 83 74 161
253 252 244 237 228 158 104 88 101 111 93 78 64 52 63 159
253 250 243 238 233 186 116 104 119 99 81 82 61 53 60 160
253 248 243 238 235 213 127 101 87 76 61 71 70 64 62 158
253 250 248 246 243 236 191 170 165 159 150 154 153 148 153 201
253 251 225 152 132 122 112 107 109 130 111 101 93 106 102 185
253 249 225 134 104 92 81 74 74 92 86 67 63 74 94 179
252 246 226 138 107 90 77 69 68 87 89 76 60 58 94 176
251 243 225 142 111 92 78 63 66 110 85 73 50 54 85 174
253 243 231 152 113 89 77 62 74 112 82 62 51 46 57 169
253 246 241 183 119 92 76 61 77 110 111 75 63 52 51 169
254 247 241 224 139 97 73 61 77 109 127 104 96 58 59 168
254 247 242 242 159 98 75 55 70 104 90 99 119 85 68 171
254 249 244 244 180 102 78 60 66 92 72 72 90 95 78 174
254 251 244 240 197 109 82 66 60 78 81 99 77 75 67 175
254 253 247 239 212 124 86 69 61 87 101 113 91 99 74 176
253 253 247 241 228 144 88 67 66 106 112 93 80 80 72 178
254 253 246 242 231 154 94 77 92 110 100 71 53 41 56 175
254 252 245 242 237 185 108 94 114 100 79 72 50 42 54 175
253 250 246 242 239 214 120 92 79 64 49 60 59 53 56 174
253 251 250 248 246 236 188 166 163 155 144 148 147 142 149 209

170 155 152 150 145 146 146 148 151 151 152 153 151 152 151 197
105 92 94 86 58 51 60 69 78 62 68 69 56 54 55 149
109 74 61 59 50 54 61 85 92 76 93 77 46 46 57 145
97 67 64 54 51 55 91 114 91 79 88 81 57 53 62 149
104 70 77 75 58 59 87 84 70 94 104 85 72 74 63 149
111 85 86 88 83 107 123 85 73 78 93 102 94 78 54 146
131 96 88 111 113 110 112 104 92 80 93 110 115 101 71 156
120 87 83 80 87 89 88 80 75 72 74 79 108 132 92 166
123 89 85 80 79 78 77 71 75 80 83 82 93 113 107 173
130 99 96 95 94 92 90 92 94 98 101 105 111 124 135 195
139 112 111 112 111 113 116 117 120 125 137 156 167 192 217 237
152 130 132 135 137 143 157 173 189 201 213 225 229 234 236 244
173 160 163 164 176 197 228 240 241 238 237 238 237 238 239 247
231 229 230 230 235 241 242 242 243 243 245 244 243 244 244 249
250 248 245 243 244 246 246 246 247 248 250 250 250 250 249 251
253 252 252 252 253 253 253 253 253 253 253 253 253 253 253 253
177 162 160 157 152 153 153 156 159 159 159 161 159 160 158 201
109 96 98 88 62 55 66 77 85 68 72 74 63 60 62 153
112 79 66 64 55 60 68 91 98 80 97 83 52 53 64 148
101 72 71 61 58 61 94 119 96 82 88 85 64 61 70 153
108 76 84 82 63 63 92 91 79 98 104 87 78 82 71 154
112 91 92 90 85 110 126 95 83 83 92 101 93 81 61 150
131 97 88 110 112 111 113 109 99 83 91 108 111 99 76 159
118 84 79 76 83 85 85 79 76 71 72 77 101 119 87 165
117 86 80 75 74 74 74 69 74 79 81 79 88 104 101 170
121 91 88 89 88 87 86 87 90 93 97 100 104 116 127 191
130 102 100 102 100 103 107 108 112 118 131 149 158 186 213 236
140 114 116 120 121 127 145 164 183 197 211 225 228 233 235 243
158 140 144 147 157 184 224 241 242 238 235 237 237 238 238 246
226 225 225 225 230 239 240 241 242 242 244 244 244 243 243 248
250 247 244 242 242 245 245 246 248 250 252 252 252 250 248 250
253 252 252 251 253 253 253 253 253 254 253 253 253 253 253 253
185 179 176 174 169 169 168 171 174 175 176 178 175 175 174 209
102 94 94 85 57 51 59 68 78 67 74 72 56 54 56 149
106 74 58 54 46 52 58 85 95 75 99 80 41 42 53 142
93 63 60 50 51 63 96 119 90 77 91 80 53 50 59 147
101 67 76 73 62 75 104 99 72 99 113 93 71 72 60 148
111 86 89 85 82 111 127 90 72 81 101 112 100 79 49 144
130 92 87 110 112 110 109 104 92 78 87 106 110 100 64 155
109 74 68 66 74 77 77 70 66 60 61 66 92 114 79 163
107 74 69 63 62 61 61 55 60 66 69 67 77 94 92 166
112 81 77 78 77 76 73 75 78 82 86 88 94 108 120 188
122 92 90 92 89 92 97 98 102 109 124 144 154 185 214 236
132 104 107 111 113 119 139 159 180 197 212 228 231 237 239 246
152 134 138 142 152 183 224 242 244 240 239 241 242 242 242 248
225 225 226 225 231 241 241 242 244 244 247 247 246 245 246 250
251 249 246 243 243 246 247 247 249 251 253 253 253 252 250 251
253 253 252 251 253 253 254 254 254 254 254 253 254 254 253 253

197 149 145 149 149 146 156 166 173 195 237 244 247 249 251 253
151 55 57 62 63 54 71 92 107 135 217 236 239 244 249 253
152 54 46 53 74 78 101 132 113 124 192 234 238 244 250 253
151 56 46 57 72 94 115 108 93 111 167 229 237 243 250 253
153 69 77 81 85 102 110 79 82 105 156 225 238 244 250 253
152 68 93 88 104 93 93 74 83 101 137 213 237 245 250 253
151 62 76 79 94 78 80 72 80 98 125 201 238 243 248 253
151 78 92 91 70 73 92 75 75 94 120 189 241 243 247 253
148 69 85 114 84 85 104 80 71 92 117 173 240 242 246 253
146 60 61 91 87 123 112 88 77 90 116 157 228 242 246 253
146 51 54 55 59 107 110 89 78 92 113 143 197 241 246 253
145 58 50 51 58 83 113 87 79 94 111 137 176 235 244 253
150 86 59 54 75 88 111 80 80 95 112 135 164 230 243 252
152 94 61 64 77 86 88 83 85 96 111 132 163 230 245 252
155 92 74 67 70 85 96 87 89 99 112 130 160 229 248 252
170 105 109 97 104 111 131 120 123 130 139 152 173 231 250 253
201 153 148 153 154 150 159 165 170 191 236 243 246 248 250 253
158 62 64 70 71 61 76 87 101 127 213 235 238 243 248 253
160 60 53 61 82 81 99 119 104 116 186 233 238 243 250 253
159 63 52 64 78 93 111 101 88 104 158 228 237 244 252 253
161 74 83 85 87 101 108 77 79 100 149 225 237 244 252 253
159 72 97 88 104 92 91 72 81 97 131 211 235 244 252 253
159 68 80 82 98 83 83 71 79 93 118 197 238 242 250 254
159 85 98 96 79 83 99 76 74 90 112 183 242 242 248 253
156 77 91 119 91 95 109 79 69 87 108 164 241 241 246 253
153 66 68 94 92 126 113 85 74 86 107 145 224 240 245 253
153 55 60 61 63 110 111 85 74 87 103 127 184 239 245 253
152 62 55 58 63 85 112 83 74 88 100 121 157 230 242 253
157 88 64 61 82 90 110 76 75 89 102 120 147 225 242 251
160 98 66 71 84 92 88 79 80 88 100 116 144 225 244 252
162 96 79 72 76 91 97 84 86 91 102 114 140 225 247 252
177 109 112 101 108 112 131 118 117 121 130 140 158 226 250 253
209 149 142 147 148 144 155 163 166 188 236 246 248 250 251 253
174 56 53 59 60 49 64 79 92 120 214 239 242 246 250 253
175 54 42 50 72 79 100 114 94 108 185 237 242 245 252 254
175 56 41 53 71 100 110 92 77 94 154 231 242 246 253 254
178 72 80 80 93 112 106 66 67 88 144 228 241 247 253 253
176 74 99 91 113 101 87 61 69 86 124 212 239 247 253 254
175 67 75 77 99 81 78 60 66 82 109 197 240 244 251 254
174 78 95 90 72 72 92 66 60 78 102 180 244 244 249 254
171 68 85 119 99 90 104 70 55 75 98 159 242 242 247 254
168 59 58 96 104 127 109 77 61 73 97 139 224 241 247 254
169 51 52 63 75 111 110 77 61 76 92 119 183 241 246 253
169 57 46 51 62 82 112 74 62 77 89 113 152 231 243 253
174 85 54 50 73 85 110 66 63 78 92 111 142 225 243 251
176 94 58 60 76 89 87 68 69 77 90 107 138 226 246 252
179 94 74 63 67 86 92 74 74 81 92 104 134 225 249 253
185 102 106 93 101 111 130 109 107 112 122 132 152 225 251 253
1 change: 1 addition & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@
<script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar.js"></script>-->
<script src="https://cdn.jsdelivr.net/gh/aframevr/aframe@1c2407b26c61958baa93967b5412487cd94b290b/dist/aframe-master.min.js"></script>
<script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar-nft.js"></script>
<!--<script src ="https://raw.githack.com/webarkit/ARnft/master/dist/ARnft.js"></script>-->
<script>
window.onload = function() {
AFRAME.registerComponent('videohandler', {
Expand Down
62 changes: 62 additions & 0 deletions marker.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,62 @@
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>View AR</title>
<script src="https://aframe.io/releases/1.0.0/aframe.min.js"></script>
<!-- we import arjs version without NFT but with marker + location based support -->
<script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar.js"></script>
<script>
window.onload = function() {
AFRAME.registerComponent('videohandler', {
init: function () {
var marker = this.el;

this.vid = document.querySelector("#vid");

marker.addEventListener('markerFound', function () {
this.vid.play();
}.bind(this));

marker.addEventListener('click', function () {
this.vid.play();
}.bind(this));

marker.addEventListener('markerLost', function() {
this.vid.pause();
this.vid.currentTime = 0;
}.bind(this));
}
});
};
</script>
</head>

<body style='margin: 0px; overflow: hidden;'>
<a-scene
vr-mode-ui="enabled: false;"
renderer='antialias: true; alpha: true; precision: mediump;'
embedded arjs='trackingMethod: best; sourceType: webcam; debugUIEnabled: false;'>

<a-assets>
<video src="./assets/poster/video/MOV_CTDZ7902_Trim.mp4"
preload="auto" id="vid" response-type="arraybuffer" loop
crossorigin webkit-playsinline autoplay="true" muted playsinline controls>
</video>
</a-assets>
<a-marker preset='custom' type='pattern' url='assets/poster/marker/pattern-1.patt' videohandler>
<a-video
src="#vid"
position='0 0 0'
rotation='270 0 0'
width='180'
height='320'
>
</a-video>
</a-marker>
<a-entity camera></a-entity>

</a-scene>
</body>
</html>

0 comments on commit e6c0e44

Please sign in to comment.