GeoTiff to OpenLayer4

Geotiff-canvas - openlayer4 library for real-time draw .tif (.tiff) images from qgis/arcgis/etc raster layer export on web map.

If you want draw .tif on openlayer map you should add imports:

<script src="js/geotiff-format-parser.js"></script>
<script src="js/openlayer4-geotiff.js"></script>

and after map initialization var map = new ol.Map({}) make:

var layer = new GeoCanvas(map, 'prediction-raster.tif', {
    opacity: 0.7
});
layer.init();

and you well see results on your map! Enjoy!