Bonjour,

Je cherche à afficher une texture vidéo sur un cube à l'aide de la bibliothèque Awe.js, je crois avoir fait le travail proprement par rapport à ce que dit le tutoriel mais rien ne s'affiche. Je n'ai eu aucun problème pour afficher une image mais là, pas moyen, pourtant le format vidéo est celui demandé.

Je vous mets une partie du programme, si quelqu'un a une idée ?

Merci !

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html>
<head>
<title>AWE Marker AR demo</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
<meta charset="utf-8"/>
<style type="text/css">
* {
    margin: 0;
    padding: 0;
}
#container {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}
</style>
</head>
<body>
<div id="container"></div>
<script type="text/javascript" src="../../js/awe-loader-min.js"></script>
<script type="text/javascript">
  window.addEventListener('load', function() {
    window.awe.init({
      device_type: awe.AUTO_DETECT_DEVICE_TYPE,
      settings: {
        container_id: 'container',
        default_camera_position: { x:0, y:0, z:0 },
        default_lights:[
          {
            id: 'point_light',
            type: 'point',
            color: 0xFFFFFF,
          },
        ],
      },
      ready: function() {
        awe.util.require([
          {//gyro non supporté ici
            capabilities: ['gum', 'webgl'],
            files: [
              [ '../../js/awe-standard-dependencies.js', '../../js/awe-standard.js'],
               'awe-jsartoolkit-dependencies.js',
              'awe.marker_ar.js', 
 
            ],
            success: function() {
                            awe.setup_scene();         
                    awe.pois.add({ id:'poi_1', position: { x:0, y:0, z:10000 }, visible: false });
                    awe.projections.add({
                      id:'projection_1',
                     position: { x:0, y:0, z:0 },
                     geometry: { shape: 'cube', x:120, y:120, z:120 },
                     material:{ color: 0xFFFFFF },
                     texture: { path: 'mot_arabe_papa_chemin.webm'},
                    }, { poi_id: 'poi_1' });
 
 
                    awe.events.add([{
                                id: 'ar_tracking_marker',
                                device_types: {
                                    pc: 1,
                                    android: 1
                                },
                                register: function(handler) {
                                    window.addEventListener('ar_tracking_marker', handler, false);
                                },
                                unregister: function(handler) {
                                    window.removeEventListener('ar_tracking_marker', handler, false);
                                },
                                handler: function(event) {
                                    if (event.detail) {
                                        if (event.detail['64']) { // we are mapping marker #64 to this projection
                                            awe.pois.update({
                                                data: {
                                                    visible: true,
                          position: { x:0, y:0, z:0 },
                                                    matrix: event.detail['64'].transform
                                                },
                                                where: {
                                                    id: 'poi_1'
                                                }
                                            });
                                        }
                                        else {
                                            awe.pois.update({
                                                data: {
                                                    visible: false
                                                },
                                                where: {
                                                    id: 'poi_1'
                                                }
                                            });
                                        }
                                        awe.scene_needs_rendering = 1;
                                    }
                                }
                            }])
                  },
          },
          {
            capabilities: [],
            success: function() {
                  document.body.innerHTML = '<p>Try this demo in the latest version of Chrome or Firefox on a PC or Android device</p>';
            },
          },
        ]);
      }
    });
  });
</script>
</body>
</html>