Вставить презентацию PowerPoint в HTML с localhost - PullRequest
0 голосов
/ 05 июля 2019

Я хочу использовать этот метод для загрузки презентации Powerpoint:

<iframe src='https://view.officeapps.live.com/op/embed.aspx?src=[https://www.your_website/file_name.pptx]' width='100%' height='600px' frameborder='0'>

но я использую XAMMP для использования сервера localhost, поэтому мне нужно что-то вроде этого

 <iframe src='https://view.officeapps.live.com/op/embed.aspx?src=[/file_name.pptx]' width='100%' height='600px' frameborder='0'>

Возможно ли это? Заранее спасибо.

1 Ответ

1 голос
/ 05 июля 2019

Вы можете использовать ngrok , чтобы открыть локальный веб-сервер в Интернете (бесплатной версии должно быть достаточно).

Это действия, которые я выполнил для запуска этого на моем локальном хосте.Я проверил это с фиктивной презентацией.

1.Создайте учетную запись ngrok

Перейдите на сайт ngrok и создайте бесплатную учетную запись.Затем возьмите свой авторинген.

2.Установите ngrok на свой компьютер

Выполните следующие команды в командной строке (Linux или Windows с использованием WLS):

sudo apt-get install ngrok-client
ngrok authtoken [enter_your_authtoken_here]
ngrok http 80

Последняя команда предоставит вашему локальному веб-серверу общедоступный URL-адрес.Это предполагает, что вы уже используете веб-сервер на локальном хосте (порт 80).

3.Подготовьте код для встраивания

Сохраните файл .html с кодом встраивания, замените атрибут src, чтобы включить новый URL-адрес, предоставленный ngrok.Убедитесь, что ваш file_name.pptx также доступен в localhost.

<iframe src='https://view.officeapps.live.com/op/embed.aspx?src=[https://www.your_website/file_name.pptx]' width='100%' height='600px' frameborder='0'>

Замените https://www.your_website соответственно на URL, созданный ngrok.(Вы можете получить открытый URL из командной строки, см. Рисунок ниже.)

Example: Shows ngrok running in the console

Вот и все.Вот пример, показывающий результаты, которые я получил при тестировании фиктивной презентации с использованием этого подхода.

enter image description here

...