FB Instant Articles: Могу ли я отобразить PDF-файл в мгновенной статье?

Question

Я новичок в facebook instant articles. У меня есть веб-сайт, который зависит от файлов PDF для представления политических исследований, каждая статья (страница) на веб-сайте содержит файл PDF внутри. Есть ли способ отобразить PDF-файл внутри текущей статьи?

Answer 1

Мгновенные статьи не поддерживают формат PDF. Вы можете видеть все поддерживаемые форматы hereНО НОТА вы все равно сможете отобразить pdf как op-interactive (Вставить). Смотрите документацию здесь: https://developers.facebook.com/docs/instant-articles/reference/embeds

Это в основном только IFrame, к которому вы можете либо добавить встроенный JS скрипт или точку на размещаемой странице, которая использует что-то вроде pdf.js, например.

Вот некоторые примеры, предполагающий pdf.js:

Embedded оп-интерактивный (непроверенная, схватили из их документов GitHub):

<figure class="op-interactive"> 
    <iframe> 
     <script> 
      var url = './helloworld.pdf'; 
      PDFJS.workerSrc = 'http://yourdomain.com/build/pdf.worker.js'; 
      PDFJS.getDocument(url).then(function getPdfHelloWorld(pdf) { 
       pdf.getPage(1).then(function getPageHelloWorld(page) { 
        var scale = 1.5; 
        var viewport = page.getViewport(scale); 
        var canvas = document.getElementById('the-canvas'); 
        var context = canvas.getContext('2d'); 
        canvas.height = viewport.height; 
        canvas.width = viewport.width; 
        var renderContext = { 
         canvasContext: context, 
         viewport: viewport 
        }; 
        page.render(renderContext); 
       }); 
      }); 
     </script> 
    </iframe> 
</figure> 

URL на основе оп-интерактивный:

<figure class="op-interactive"> 
    <iframe src="https://yourdomain.com/pdfembed.html" width="600" height="600"></iframe> 
</figure> 

В этот раз действительно не было бы другого способа сделать это.