首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >正在尝试将Azure媒体播放器集成到React JS中。但是依赖于Azure的JavaScript库函数没有找到"amp“

正在尝试将Azure媒体播放器集成到React JS中。但是依赖于Azure的JavaScript库函数没有找到"amp“
EN

Stack Overflow用户
提问于 2018-04-10 18:35:25
回答 1查看 1.5K关注 0票数 3

这是我用来渲染媒体播放器的react js文件代码。componentDidMount()我在加载此页面时导入了js文件,并在渲染时使用options参数调用'amp‘函数。

代码语言:javascript
复制
 componentDidMount () {
        const script = document.createElement("script");

        script.src = "//amp.azure.net/libs/amp/2.1.5/azuremediaplayer.min.js";
        script.async = true;

        document.body.appendChild(script);
    }
    render() { 
            var myOptions = {
                "nativeControlsForTouch": false,
                controls: true,
                autoplay: true,
                width: "640",
                height: "400",
            }
            var myPlayer = amp("azuremediaplayer", myOptions);
            myPlayer.src([
                    {
                            "src": "//amssamples.streaming.mediaservices.windows.net/91492735-c523-432b-ba01-faba6c2206a2/AzureMediaServicesPromo.ism/manifest",
                            "type": "application/vnd.ms-sstr+xml"
                    }
            ]);       
            return (

                <div className="form-horizontal">
                    <div className="form-group">
                        <div className="col-sm-4">Azure Media Player</div>
                        <div className="col-sm-6">
                        <video id="azuremediaplayer" class="azuremediaplayer amp-default-skin amp-big-play-centered" tabindex="0"></video>
                        </div>
                    </div>
                </div>
            );
        }
    }

export default AddItemForm;

控制台显示此错误**第26行:'amp‘未定义no-undef**

EN

回答 1

Stack Overflow用户

发布于 2018-04-18 22:15:48

我认为如果你像script.async = false;一样以同步的方式加载播放器的脚本,它会正常工作。我知道这会损害性能,但不幸的是,这是加载这个奇怪的打包播放器的方式!我讨厌他们没有为它做一个npm包的事实!

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49751431

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档