Why does videosphere show up locally, but not on gh-pages? - github-pages

I have a videosphere that shows up locally, but pushing it to gh-pages, the video doesn't show.
There's no 404 error that the file is not there and I am using git LFS for the mp4 video (it's a 360 video, so quite large).
https://github.com/ybinstock/GreatEscape360
<html>
<head>
<title>Great Escape</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,shrink-to-fit=no,user-scalable=no,minimal-ui">
<script src="https://aframe.io/releases/0.4.0/aframe.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
</head>
<body>
<a-scene>
<a-assets>
<video id="greatescapevideo" autoplay loop="true" src="video2.mp4"> </video>
<img id="logo" src="logo.png">
<img id="slide1" src="slide1.png" >
<img id="slide2" src="slide2.png" >
<img id="slide3" src="slide3.png" >
<img id="slide4" src="slide4.png" >
<img id="slide5" src="slide5.png" >
</a-assets>
<a-camera wasd-controls="enabled: false"> </a-camera>
<a-videosphere src="#greatescapevideo"></a-videosphere>
<a-image id="logo" class="logo" src="#logo" position="0 2 -2" rotation="0 0 0"></a-image>
<a-image id="logo" class="logo" src="#logo" position="1 2 2" rotation="0 180 0"></a-image>
<a-image id="logo" class="logo" src="#logo" position="-2 2 0" rotation="0 90 0"></a-image>
<a-image id="logo" class="logo" src="#logo" position="2 2 0" rotation="0 -90 0"></a-image>
<a-image id="slide1" class="slide1" src="#slide1" position="0 2 -2" rotation="0 0 0" ></a-image>
<a-image id="slide1" class="slide1" src="#slide1" position="1 2 2" rotation="0 180 0" ></a-image>
<a-image id="slide1" class="slide1" src="#slide1" position="-2 2 0" rotation="0 90 0"></a-image>
<a-image id="slide1" class="slide1" src="#slide1" position="2 2 0" rotation="0 -90 0"></a-image>
<a-image id="slide2" class="slide2" src="#slide2" position="0 2 -2" rotation="0 0 0" ></a-image>
<a-image id="slide2" class="slide2" src="#slide2" position="1 2 2" rotation="0 180 0" ></a-image>
<a-image id="slide2" class="slide2" src="#slide2" position="-2 2 0" rotation="0 90 0"></a-image>
<a-image id="slide2" class="slide2" src="#slide2" position="2 2 0" rotation="0 -90 0" ></a-image>
<a-image id="slide3" class="slide3" src="#slide3" position="0 2 -2" rotation="0 0 0" visible="false"></a-image>
<a-image id="slide3" class="slide3" src="#slide3"position="1 2 2" rotation="0 180 0" visible="false"></a-image>
<a-image id="slide3" class="slide3" src="#slide3" position="-2 2 0" rotation="0 90 0" visible="false"></a-image>
<a-image id="slide3" class="slide3" src="#slide3"position="2 2 0" rotation="0 -90 0" visible="false"></a-image>
<a-image id="slide4" class="slide4" src="#slide4" position="0 2 -2" rotation="0 0 0" visible="false"></a-image>
<a-image id="slide4" class="slide4" src="#slide4" position="1 2 2" rotation="0 180 0" visible="false"></a-image>
<a-image id="slide4" class="slide4" src="#slide4" position="-2 2 0" rotation="0 90 0" visible="false"></a-image>
<a-image id="slide4" class="slide4" src="#slide4" position="2 2 0" rotation="0 -90 0" visible="false"></a-image>
<a-image id="slide5" class="slide5" src="#slide5" position="0 2 -2" rotation="0 0 0" visible="false"></a-image>
<a-image id="slide5" class="slide5" src="#slide5" position="1 2 2" rotation="0 180 0" visible="false"></a-image>
<a-image id="slide5" class="slide5" src="#slide5" position="-2 2 0" rotation="0 90 0" visible="false"></a-image>
<a-image id="slide5" class="slide5" src="#slide5" position="2 2 0" rotation="0 -90 0" visible="false"></a-image>
</a-scene>
</body>
<script src="app.js"></script>
</html>

The quick answer is don't use github pages for video hosting.
The longer answer is, when I check https://ybinstock.github.io/GreatEscape360/video2.mp4 it returns only 133 bytes which is obviously not correct. It is odd since the file's page in the github GUI does allow you to download the entire file:
https://github.com/ybinstock/GreatEscape360/blob/master/video2.mp4
So we can see the file is successfully placed in your repo but github pages won't serve it. The only solution I can suggest is another third-party file host.

You need a CDN in front of GitHub pages if you want to serve consumable media files. Try using rawgit.com

Related

I get a invalid TemplateSyntaxError in Django for using the {% else %}-statement [

Found the solution I was dumb. I thought I commented something, but apparently not. So the code was glitching on a 'commented out' {% else %}-statement. But still thanks.
My django-project (a tutorial https://www.youtube.com/watch?v=PtQiiknWUcI) keeps crashing on the basis that it doesn't accept my '{% else %}'-statement. I can't wrap my head around it.
<header class="header header--loggedIn">
<div class="container">
<a href="{% url 'home' %}" class="header__logo">
<img src="assets/logo.svg" />
<h1>StudyBuddy</h1>
</a>
<form class="header__search" method="GET" action="{% url 'home'%}">
<label>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>search</title>
<path
d="M32 30.586l-10.845-10.845c1.771-2.092 2.845-4.791 2.845-7.741 0-6.617-5.383-12-12-12s-12 5.383-12 12c0 6.617 5.383 12 12 12 2.949 0 5.649-1.074 7.741-2.845l10.845 10.845 1.414-1.414zM12 22c-5.514 0-10-4.486-10-10s4.486-10 10-10c5.514 0 10 4.486 10 10s-4.486 10-10 10z"
></path>
</svg>
<input name="q" placeholder="Search for rooms..." />
</label>
</form>
<nav class="header__menu">
<!-- Logged In -->
{% if request.user.is_authenticated %}
<div class="header__user">
<a href="profile.html">
<div class="avatar avatar--medium active">
<img src="https://randomuser.me/api/portraits/men/37.jpg" />
</div>
<p>{{request.user.username}} <span>{{request.user.username}}</span></p>
</a>
<button class="dropdown-button">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>chevron-down</title>
<path d="M16 21l-13-13h-3l16 16 16-16h-3l-13 13z"></path>
</svg>
</button>
</div>
{% else %}
<a href="{% url 'login' %}">
<img src="./assets/avatar.svg" />
<p>Login</p>
</a>
{% endif %}
<div class="dropdown-menu">
<a href="settings.html" class="dropdown-link"
><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>tools</title>
<path
d="M27.465 32c-1.211 0-2.35-0.471-3.207-1.328l-9.392-9.391c-2.369 0.898-4.898 0.951-7.355 0.15-3.274-1.074-5.869-3.67-6.943-6.942-0.879-2.682-0.734-5.45 0.419-8.004 0.135-0.299 0.408-0.512 0.731-0.572 0.32-0.051 0.654 0.045 0.887 0.277l5.394 5.395 3.586-3.586-5.394-5.395c-0.232-0.232-0.336-0.564-0.276-0.887s0.272-0.596 0.572-0.732c2.552-1.152 5.318-1.295 8.001-0.418 3.274 1.074 5.869 3.67 6.943 6.942 0.806 2.457 0.752 4.987-0.15 7.358l9.392 9.391c0.844 0.842 1.328 2.012 1.328 3.207-0 2.5-2.034 4.535-4.535 4.535zM15.101 19.102c0.26 0 0.516 0.102 0.707 0.293l9.864 9.863c0.479 0.479 1.116 0.742 1.793 0.742 1.398 0 2.535-1.137 2.535-2.535 0-0.668-0.27-1.322-0.742-1.793l-9.864-9.863c-0.294-0.295-0.376-0.74-0.204-1.119 0.943-2.090 1.061-4.357 0.341-6.555-0.863-2.631-3.034-4.801-5.665-5.666-1.713-0.561-3.468-0.609-5.145-0.164l4.986 4.988c0.391 0.391 0.391 1.023 0 1.414l-5 5c-0.188 0.188-0.441 0.293-0.707 0.293s-0.52-0.105-0.707-0.293l-4.987-4.988c-0.45 1.682-0.397 3.436 0.164 5.146 0.863 2.631 3.034 4.801 5.665 5.666 2.2 0.721 4.466 0.604 6.555-0.342 0.132-0.059 0.271-0.088 0.411-0.088z"
></path>
</svg>
Settings</a
>
<a href="{% url 'logout' %}" class="dropdown-link"
><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>sign-out</title>
<path
d="M3 0h22c0.553 0 1 0 1 0.553l-0 3.447h-2v-2h-20v28h20v-2h2l0 3.447c0 0.553-0.447 0.553-1 0.553h-22c-0.553 0-1-0.447-1-1v-30c0-0.553 0.447-1 1-1z"
></path>
<path
d="M21.879 21.293l1.414 1.414 6.707-6.707-6.707-6.707-1.414 1.414 4.293 4.293h-14.172v2h14.172l-4.293 4.293z"
></path>
</svg>
Logout</a
>
</div>
</nav>
</div>
</header>
Django gives me a TemplateSyntaxError with the text: 'Invalid block tag on line 82: 'else'. Did you forget to register or load this tag?' The if-statement is there to control if the user is logged in. The 'else-statement' is there to show someone the inlog-page when not logged in.
I tried to google this. But for other people this 'error' comes up when they wrote there if-statement wrong. I hope that someone can help me. It's so frustrating.
I updated it and now it shows more code. It is a navbar.html that I'll import. But the error is on the navbar.html
This is the full django-error-report:
TemplateSyntaxError at /
Invalid block tag on line 82: 'else'. Did you forget to register or load this tag?
Request Method: GET
Request URL: http://localhost:8000/
Django Version: 3.2.9
Exception Type: TemplateSyntaxError
Exception Value:
Invalid block tag on line 82: 'else'. Did you forget to register or load this tag?
Exception Location: /home/milo/.local/lib/python3.8/site-packages/django/template/base.py, line 531, in invalid_block_tag
Python Executable: /usr/bin/python
Python Version: 3.8.10
Python Path:
['/home/milo/Bureaublad/code/python_django_site/studybud',
'/usr/lib/python38.zip',
'/usr/lib/python3.8',
'/usr/lib/python3.8/lib-dynload',
'/home/milo/.local/lib/python3.8/site-packages',
'/usr/local/lib/python3.8/dist-packages',
'/usr/lib/python3/dist-packages']
Server time: Mon, 29 Nov 2021 15:53:03 +0000
{% extends 'main.html' %}
{% block content %}
<main class="layout layout--3">
<div class="container">
<!-- Topics Start -->
<div class="topics">
<div class="topics__header">
<h2>Browse Topics</h2>
</div>
<ul class="topics__list">
<li>
All <span>553</span>
</li>
<li>
Python <span>232</span>
</li>
<li>
JavaScript <span>122</span>
</li>
<li>
React <span>57</span>
</li>
<li>
Database <span>90</span>
</li>
</ul>
<a class="btn btn--link" href="topics.html">
More
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>chevron-down</title>
<path d="M16 21l-13-13h-3l16 16 16-16h-3l-13 13z"></path>
</svg>
</a>
</div>
<!-- Topics End -->
<!-- Room List Start -->
<div class="roomList">
<div class="mobile-menu">
<form class="header__search">
<label>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>search</title>
<path
d="M32 30.586l-10.845-10.845c1.771-2.092 2.845-4.791 2.845-7.741 0-6.617-5.383-12-12-12s-12 5.383-12 12c0 6.617 5.383 12 12 12 2.949 0 5.649-1.074 7.741-2.845l10.845 10.845 1.414-1.414zM12 22c-5.514 0-10-4.486-10-10s4.486-10 10-10c5.514 0 10 4.486 10 10s-4.486 10-10 10z"
></path>
</svg>
<input placeholder="Search for posts" />
</label>
</form>
<div class="mobile-menuItems">
<a class="btn btn--main btn--pill" href="#">Browse Topics</a>
<a class="btn btn--main btn--pill" href="#">Recent Activities</a>
</div>
</div>
<div class="roomList__header">
<div>
<h2>Study Room</h2>
<p>7,439 Rooms available</p>
</div>
<a class="btn btn--main" href="create-room.html">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>add</title>
<path
d="M16.943 0.943h-1.885v14.115h-14.115v1.885h14.115v14.115h1.885v-14.115h14.115v-1.885h-14.115v-14.115z"
></path>
</svg>
Create Room
</a>
</div>
<div class="roomListRoom">
<div class="roomListRoom__header">
<a href="profile.html" class="roomListRoom__author">
<div class="avatar avatar--small">
<img src="https://randomuser.me/api/portraits/women/11.jpg" />
</div>
<span>#sulamita_ivy</span>
</a>
<div class="roomListRoom__actions">
<span>5 days ago</span>
</div>
</div>
<div class="roomListRoom__content">
JavaScript made Simple
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur ducimus harum dolorem, obcaecati
mollitia omnis quasi aut consequuntur enim itaque labore.
</p>
</div>
<div class="roomListRoom__meta">
<a href="room.html" class="roomListRoom__joined">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>user-group</title>
<path
d="M30.539 20.766c-2.69-1.547-5.75-2.427-8.92-2.662 0.649 0.291 1.303 0.575 1.918 0.928 0.715 0.412 1.288 1.005 1.71 1.694 1.507 0.419 2.956 1.003 4.298 1.774 0.281 0.162 0.456 0.487 0.456 0.85v4.65h-4v2h5c0.553 0 1-0.447 1-1v-5.65c0-1.077-0.56-2.067-1.461-2.584z"
></path>
<path
d="M22.539 20.766c-6.295-3.619-14.783-3.619-21.078 0-0.901 0.519-1.461 1.508-1.461 2.584v5.65c0 0.553 0.447 1 1 1h22c0.553 0 1-0.447 1-1v-5.651c0-1.075-0.56-2.064-1.461-2.583zM22 28h-20v-4.65c0-0.362 0.175-0.688 0.457-0.85 5.691-3.271 13.394-3.271 19.086 0 0.282 0.162 0.457 0.487 0.457 0.849v4.651z"
></path>
<path
d="M19.502 4.047c0.166-0.017 0.33-0.047 0.498-0.047 2.757 0 5 2.243 5 5s-2.243 5-5 5c-0.168 0-0.332-0.030-0.498-0.047-0.424 0.641-0.944 1.204-1.513 1.716 0.651 0.201 1.323 0.331 2.011 0.331 3.859 0 7-3.141 7-7s-3.141-7-7-7c-0.688 0-1.36 0.131-2.011 0.331 0.57 0.512 1.089 1.075 1.513 1.716z"
></path>
<path
d="M12 16c3.859 0 7-3.141 7-7s-3.141-7-7-7c-3.859 0-7 3.141-7 7s3.141 7 7 7zM12 4c2.757 0 5 2.243 5 5s-2.243 5-5 5-5-2.243-5-5c0-2.757 2.243-5 5-5z"
></path>
</svg>
5.3k Joined
</a>
<p class="roomListRoom__topic">Python</p>
</div>
</div>
<div class="roomListRoom">
<div class="roomListRoom__header">
<a href="profile.html" class="roomListRoom__author">
<div class="avatar avatar--small active">
<img src="https://randomuser.me/api/portraits/men/11.jpg" />
</div>
<span>#dennis_ivy</span>
</a>
<div class="roomListRoom__actions">
<span>3 days ago</span>
</div>
</div>
<div class="roomListRoom__content">
100 Days of coding challenge
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur ducimus harum dolorem, obcaecati
mollitia omnis quasi aut consequuntur enim itaque labore.
</p>
</div>
<div class="roomListRoom__meta">
<a class="roomListRoom__joined">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>user-group</title>
<path
d="M30.539 20.766c-2.69-1.547-5.75-2.427-8.92-2.662 0.649 0.291 1.303 0.575 1.918 0.928 0.715 0.412 1.288 1.005 1.71 1.694 1.507 0.419 2.956 1.003 4.298 1.774 0.281 0.162 0.456 0.487 0.456 0.85v4.65h-4v2h5c0.553 0 1-0.447 1-1v-5.65c0-1.077-0.56-2.067-1.461-2.584z"
></path>
<path
d="M22.539 20.766c-6.295-3.619-14.783-3.619-21.078 0-0.901 0.519-1.461 1.508-1.461 2.584v5.65c0 0.553 0.447 1 1 1h22c0.553 0 1-0.447 1-1v-5.651c0-1.075-0.56-2.064-1.461-2.583zM22 28h-20v-4.65c0-0.362 0.175-0.688 0.457-0.85 5.691-3.271 13.394-3.271 19.086 0 0.282 0.162 0.457 0.487 0.457 0.849v4.651z"
></path>
<path
d="M19.502 4.047c0.166-0.017 0.33-0.047 0.498-0.047 2.757 0 5 2.243 5 5s-2.243 5-5 5c-0.168 0-0.332-0.030-0.498-0.047-0.424 0.641-0.944 1.204-1.513 1.716 0.651 0.201 1.323 0.331 2.011 0.331 3.859 0 7-3.141 7-7s-3.141-7-7-7c-0.688 0-1.36 0.131-2.011 0.331 0.57 0.512 1.089 1.075 1.513 1.716z"
></path>
<path
d="M12 16c3.859 0 7-3.141 7-7s-3.141-7-7-7c-3.859 0-7 3.141-7 7s3.141 7 7 7zM12 4c2.757 0 5 2.243 5 5s-2.243 5-5 5-5-2.243-5-5c0-2.757 2.243-5 5-5z"
></path>
</svg>
5.3k Joined
</a>
<p class="roomListRoom__topic">Python</p>
</div>
</div>
</div>
<!-- Room List End -->
<!-- Activities Start -->
<div class="activities">
<div class="activities__header">
<h2>Recent Activities</h2>
</div>
<div class="activities__box">
<div class="activities__boxHeader roomListRoom__header">
<a href="profile.html" class="roomListRoom__author">
<div class="avatar avatar--small">
<img src="https://randomuser.me/api/portraits/women/11.jpg" />
</div>
<p>
#sulamita_ivy
<span>5 days ago</span>
</p>
</a>
<div class="roomListRoom__actions">
<a href="#">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>remove</title>
<path
d="M27.314 6.019l-1.333-1.333-9.98 9.981-9.981-9.981-1.333 1.333 9.981 9.981-9.981 9.98 1.333 1.333 9.981-9.98 9.98 9.98 1.333-1.333-9.98-9.98 9.98-9.981z"
></path>
</svg>
</a>
</div>
</div>
<div class="activities__boxContent">
<p>replied to post “100 Days of code challenge!”</p>
<div class="activities__boxRoomContent">
I’ll have to try this sometime. Really like this idea. Wanna talk about it? I ‘m....
</div>
</div>
</div>
<div class="activities__box">
<div class="activities__boxHeader roomListRoom__header">
<a href="profile.html" class="roomListRoom__author">
<div class="avatar avatar--small active">
<img src="https://randomuser.me/api/portraits/men/13.jpg" />
</div>
<p>
#mr_spshuvo
<span>5 days ago</span>
</p>
</a>
<div class="roomListRoom__actions">
<a href="#">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<title>remove</title>
<path
d="M27.314 6.019l-1.333-1.333-9.98 9.981-9.981-9.981-1.333 1.333 9.981 9.981-9.981 9.98 1.333 1.333 9.981-9.98 9.98 9.98 1.333-1.333-9.98-9.98 9.98-9.981z"
></path>
</svg>
</a>
</div>
</div>
<div class="activities__boxContent">
<p>replied to post “100 Days of code challenge!”</p>
<div class="activities__boxRoomContent">
I’ll have to try this sometime. Really like this idea. Wanna talk about it? I ‘m....
</div>
</div>
</div>
</div>
<!-- Activities End -->
</div>
</main>
{% endblock content %}
And main.html looks like this!
<!DOCTYPE html>
{% load static %}
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="shortcut icon" href="assets/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="{% static 'styles/style.css' %}" />
<title>StudyBuddy - Find study partners around the world!</title>
</head>
<body>
{% include 'navbar.html' %}
{% block content %}
{% if messages %}
<ul class="messages">
{% for message in messages %}
<li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li>
{% endfor %}
</ul>
{% endif %}
{% endblock content %}
<script src="{% static 'js/script.js' %}"></script>
</body>
</html>
Don't forget to load static if you have static files in your project.
{% load static %}

get HTTP response code 403 when calling Google People API

I used to list and download the contacts in Google Workspace using the People API. But just several days ago, Google starts to respond the error messages as below. We assume the error may be caused when the IP address is blocked but still not sure what 's going on there:(
google.People.ContactGroups.List() failed: got HTTP response code 403 with body: <!DOCTYPE html>
<html lang=en>
<meta charset=utf-8>
<meta name=viewport content="initial-scale=1, minimum-scale=1, width=device-width">
<title>Error 403 (Forbidden)!!1</title>
<style>
*{margin:0;padding:0}html,code{font:15px/22px arial,sans-serif}html{background:#fff;color:#222;padding:15px}body{margin:7% auto 0;max-width:390px;min-height:180px;padding:30px 0 15px}* > body{background:url(//www.google.com/images/errors/robot.png) 100% 5px no-repeat;padding-right:205px}p{margin:11px 0 22px;overflow:hidden}ins{color:#777;text-decoration:none}a img{border:0}#media screen and (max-width:772px){body{background:none;margin-top:0;max-width:none;padding-right:0}}#logo{background:url(//www.google.com/images/branding/googlelogo/1x/googlelogo_color_150x54dp.png) no-repeat;margin-left:-5px}#media only screen and (min-resolution:192dpi){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat 0% 0%/100% 100%;-moz-border-image:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) 0}}#media only screen and (-webkit-min-device-pixel-ratio:2){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat;-webkit-background-size:100% 100%}}#logo{display:inline-block;height:54px;width:150px}
</style>
<a href=//www.google.com/><span id=logo aria-label=Google></span></a>
<p><b>403.</b> <ins>That’s an error.</ins>
<p>Your client does not have permission to get URL <code>/v1/contactGroups</code> from this server. <ins>That’s all we know.</ins>

AR.JS - Inconsistent Results with Barcode Markers

I am getting inconsistent results from barcode markers in AR.JS, no matter which collection I choose from https://github.com/nicolocarpignoli/artoolkit-barcode-markers-collection (which seems to be the canonical collection of markers). From the same collection, some markers work and some don't, even when the matrixCodeType is the same for all. I would expect that either all work or all don't work within a collection. Any ideas why there would be inconsistent result?
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<script src="https://aframe.io/releases/1.0.0/aframe.min.js"></script>
<script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar.js"></script>
</head>
<body style="margin:0px; overflow:hidden;">
<a-scene embedded arjs="debugUIEnabled:false; detectionMode:mono_and_matrix; matrixCodeType:4x4_BCH_13_9_3;" vr-mode-ui="enabled:false">
<a-assets>
<img id="station_01" src="assets/images/station_01.jpg">
<img id="station_02" src="assets/images/station_02.jpg">
<img id="station_03" src="assets/images/station_03.jpg">
</a-assets>
<a-marker-camera type="barcode" value="1">
<a-image src="#station_01" scale="2 3 1" rotation="-90 0 0"></a-image>
</a-marker-camera>
<a-marker-camera type="barcode" value="2">
<a-image src="#station_02" scale="2 3 1" rotation="-90 0 0"></a-image>
</a-marker-camera>
<a-marker-camera type="barcode" value="3">
<a-image src="#station_03" scale="2 3 1" rotation="-90 0 0"></a-image>
</a-marker-camera>
<a-entity camera></a-entity>
</a-scene>
</body>
</html>
I was struggling with the same issue recently and in my case it turned out it was due to lighting conditions. Uneven or poor lighting sometimes created shadows and contrast differences that seemed irrelevant to the naked eye but interfered with pattern recognition and tracking.

Uploading file using libcurl failed. Uploading speed is zero

Edit: This upload-file-thing is really killing me! I've no idea why this code doesn't work. It's published at libcurl-website. It's supposed to be right. Could anyone help me plz!
I'm testing the fileupload.c from code examples found at http://curl.haxx.se/libcurl/c/fileupload.html
However, I can't upload a txt to server.
I replaced the origin code
fd = fopen("debugit", "rb"); /* open file to upload */
/* upload to this place */
curl_easy_setopt(curl, CURLOPT_URL,
"file:///home/dast/src/curl/debug/new");
to
fd = fopen("c:\\\testupload.txt", "rb");
curl_easy_setopt(curl, CURLOPT_URL,
"http://xx.xx.xx.xx/dir/test.txt");
Here's the output. See bottom: Speed: 0.000 bytes/sec during 0.120 seconds.
----------
C:\>"MyProjects\libcurl\VC6\Upload\Debug\Upload.exe"
* About to connect() to xx.xx.xx.xx port 80 (#0)
* Trying xx.xx.xx.xx... * connected
* Connected to xx.xx.xx.xx (xx.xx.xx.xx) port 80 (#0)
> PUT /dir/testupload.txt HTTP/1.1
Host: xx.xx.xx.xx
Accept: */*
Content-Length: 8600
Expect: 100-continue
< HTTP/1.1 404 Not Found
< Cache-Control: private
< Content-Type: text/html; charset=utf-8
< Server: Microsoft-IIS/7.5
< X-Powered-By: ASP.NET
< Date: Sun, 24 Aug 2014 21:51:21 GMT
< Content-Length: 5184
<
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x
html1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>IIS 7.5 Detailed Error - 404.0 - Not Found</title>
<style type="text/css">
<!--
body{margin:0;font-size:.7em;font-family:Verdana,Arial,Helvetica,sans-serif;back
ground:#CBE1EF;}
code{margin:0;color:#006600;font-size:1.1em;font-weight:bold;}
.config_source code{font-size:.8em;color:#000000;}
pre{margin:0;font-size:1.4em;word-wrap:break-word;}
ul,ol{margin:10px 0 10px 40px;}
ul.first,ol.first{margin-top:5px;}
fieldset{padding:0 15px 10px 15px;}
.summary-container fieldset{padding-bottom:5px;margin-top:4px;}
legend.no-expand-all{padding:2px 15px 4px 10px;margin:0 0 0 -12px;}
legend{color:#333333;padding:4px 15px 4px 10px;margin:4px 0 8px -12px;_margin-to
p:0px;
border-top:1px solid #EDEDED;border-left:1px solid #EDEDED;border-right:1px sol
id #969696;
border-bottom:1px solid #969696;background:#E7ECF0;font-weight:bold;font-size:1
em;}
a:link,a:visited{color:#007EFF;font-weight:bold;}
a:hover{text-decoration:none;}
h1{font-size:2.4em;margin:0;color:#FFF;}
h2{font-size:1.7em;margin:0;color:#CC0000;}
h3{font-size:1.4em;margin:10px 0 0 0;color:#CC0000;}
h4{font-size:1.2em;margin:10px 0 5px 0;
}#header{width:96%;margin:0 0 0 0;padding:6px 2% 6px 2%;font-family:"trebuchet M
S",Verdana,sans-serif;
color:#FFF;background-color:#5C87B2;
}#content{margin:0 0 0 2%;position:relative;}
.summary-container,.content-container{background:#FFF;width:96%;margin-top:8px;p
adding:10px;position:relative;}
.config_source{background:#fff5c4;}
.content-container p{margin:0 0 10px 0;
}#details-left{width:35%;float:left;margin-right:2%;
}#details-right{width:63%;float:left;overflow:hidden;
}#server_version{width:96%;_height:1px;min-height:1px;margin:0 0 5px 0;padding:1
1px 2% 8px 2%;color:#FFFFFF;
background-color:#5A7FA5;border-bottom:1px solid #C1CFDD;border-top:1px solid #
4A6C8E;font-weight:normal;
font-size:1em;color:#FFF;text-align:right;
}#server_version p{margin:5px 0;}
table{margin:4px 0 4px 0;width:100%;border:none;}
td,th{vertical-align:top;padding:3px 0;text-align:left;font-weight:bold;border:n
one;}
th{width:30%;text-align:right;padding-right:2%;font-weight:normal;}
thead th{background-color:#ebebeb;width:25%;
}#details-right th{width:20%;}
table tr.alt td,table tr.alt th{background-color:#ebebeb;}
.highlight-code{color:#CC0000;font-weight:bold;font-style:italic;}
.clear{clear:both;}
.preferred{padding:0 5px 2px 5px;font-weight:normal;background:#006633;color:#FF
F;font-size:.8em;}
-->
</style>
</head>
<body>
<div id="header"><h1>Server Error in Application "PP"</h1></div>
<div id="server_version"><p>Internet Information Services 7.5</p></div>
<div id="content">
<div class="content-container">
<fieldset><legend>Error Summary</legend>
<h2>HTTP Error 404.0 - Not Found</h2>
<h3>The resource you are looking for has been removed, had its name changed, o
r is temporarily unavailable.</h3>
</fieldset>
</div>
<div class="content-container">
<fieldset><legend>Detailed Error Information</legend>
<div id="details-left">
<table border="0" cellpadding="0" cellspacing="0">
<tr class="alt"><th>Module</th><td>IIS Web Core</td></tr>
<tr><th>Notification</th><td>MapRequestHandler</td></tr>
<tr class="alt"><th>Handler</th><td>StaticFile</td></tr>
<tr><th>Error Code</th><td>0x80070002</td></tr>
</table>
</div>
<div id="details-right">
<table border="0" cellpadding="0" cellspacing="0">
<tr class="alt"><th>Requested URL</th><td>http://192.168.0.135:80/wonderful/
testupload.txt</td></tr>
<tr><th>Physical Path</th><td>E:\phpsite\wonderful\testupload.txt</td></tr>
<tr class="alt"><th>Logon Method</th><td>Anonymous</td></tr>
<tr><th>Logon User</th><td>Anonymous</td></tr>
</table>
<div class="clear"></div>
</div>
</fieldset>
</div>
<div class="content-container">
<fieldset><legend>Most likely causes:</legend>
<ul> <li>The directory or file specified does not exist on the Web server.</l
i> <li>The URL contains a typographical error.</li> <li>A custom fil
ter or module, such as URLScan, restricts access to the file.</li> </ul>
</fieldset>
</div>
<div class="content-container">
<fieldset><legend>Things you can try:</legend>
<ul> <li>Create the content on the Web server.</li> <li>Review the browser U
RL.</li> <li>Create a tracing rule to track failed requests for this HTTP
status code and see which module is calling SetStatus. For more information abo
ut creating a tracing rule for failed requests, click <a href="http://go.microso
ft.com/fwlink/?LinkID=66439">here</a>. </li> </ul>
</fieldset>
</div>
<div class="content-container">
<fieldset><legend>Links and More Information</legend>
This error means that the file or directory does not exist on the server. Crea
te the file or directory and try the request again.
<p><a href="http://go.microsoft.com/fwlink/?LinkID=62293&IIS70Error=404,0,
0x80070002,7600">View more information »</a></p>
</fieldset>
</div>
</div>
</body>
</html>
* Connection #0 to host xx.xx.xx.xx left intact
Speed: 0.000 bytes/sec during 0.120 seconds
* Closing connection #0
C:\>
The default setting of my server does accept PUT and POST method. But I have to write an asp or php code to receive the data and then put data to a txt.

Facebook Like "Object Invalid value" and URL could not be parsed

I am getting this error when I did my OG check at facebook
https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.dreampiece.com.au%2Findex.php%3Fmain_page%3Dproduct_info%26cPath%3D2_7%26products_id%3D459
Object at URL 'http://www.dreampiece.com.au/index.php?main_page=product_info&cPath=2_7&products_id=459' of type 'product' is invalid because the given value '' for property 'og:url' could not be parsed as type 'url'.
This is my page source,
<meta property="og:type" content="product" />
<meta property="og:url" content="" />
<meta property="og:description" content=" Product Details: Total Qty: One Pc Materials: Alloy Electroplate & Rhinestones Size: Pendant - 2.5 cm x 1.6 cm; Length - 40.6 cm (Ext 7.2 cm) Country of Origin: Japan Colour: Golden " />
<meta property="og:site_name" content="DreamPiece Accessories" />
<meta property="fb:admins" content="120867161308451" />
<meta property="og:image" content="http://www.dreampiece.com.au/images/Products/m02040.jpg" />
Could it caused by the blank og:url? I am using code as below,
<meta property="og:url" content="<?php echo $canonicalLink; ?>" />
Yes, that's what's causing it - are you sure your code is actually outputting a value there? It almost certainly isn't if Facebook's crawler is showing nothing in the og:url meta tag